Hexo+Markdown在你本身的博客發佈文章!

引言

原文連接:https://whitesir-blog.top/posts/25af.htmljavascript

哈哈,有時候本身在本身搭建的Hexo博客寫文章的時候,總是記不住Markdown文檔的語法或者怎麼新建文章,還有Front-matter 選項怎麼去用,因此呢!我就準備本身寫一篇文章去記錄這些,以避免每次寫文章都得去百度一大堆東西,本文章不按期更新....html

小技巧

新建文章模板修改

首先爲了新建文章方便,咱們能夠修改一下文章模板,建議將/scaffolds/post.md修改成以下代碼:vue

title: {{ title }}
date: {{ date }}
author: 
img: 
coverImg: 
top: false
cover: false
toc: true
mathjax: false
password:
summary:
tags:
categories:
---

這樣新建文章後 一些Front-matter參數不用你本身補充了,修改對應信息就能夠了java

文章 Front-matter 介紹

Front-matter 選項詳解

Front-matte1r 選項中的全部內容均爲非必填的。但我仍然建議至少填寫 titledate 的值。git

注意:編程

  1. 若是img屬性不填寫的話,文章特點圖會根據文章標題的 hashcode 的值取餘,而後選取主題中對應的特點圖片,從而達到讓全部文章都的特點圖各有特點。
  2. date 的值儘可能保證每篇文章是惟一的,由於本主題中 GitalkGitment 識別id是經過 date 的值來做爲惟一標識的。
  3. 若是要對文章設置閱讀驗證密碼的功能,不只要在 Front-matter 中設置採用了 SHA256 加密的 password 的值,還須要在主題的 _config.yml 中激活了配置。有些在線的 SHA256 加密的地址,可供你使用:開源中國在線工具chahuo站長工具
  4. 您能夠在文章md文件的 front-matter 中指定 reprintPolicy 來給單個文章配置轉載規則

如下爲文章的 Front-matter 示例。json

最簡示例

---
title: typora-vue-theme主題介紹
date: 2018-09-07 09:25:00
---

最全示例

---
title: typora-vue-theme主題介紹
date: 2018-09-07 09:25:00
author: 趙奇
img: /source/images/xxx.jpg
top: true
cover: true
coverImg: /images/1.jpg
password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
toc: false
mathjax: false
summary: 這是你自定義的文章摘要內容,若是這個屬性有值,文章卡片摘要就顯示這段文字,不然程序會自動截取文章的部份內容做爲摘要
categories: Markdown
tags:
  - Typora
  - Markdown
---

Markdown

語法

1、參考文檔

Markdown 中文版語法說明bash

Markdown語法圖文全面詳解(10分鐘學會)markdown

Markdown文檔編寫指南hexo

Markdown Emoji表情語法速查表

Markdown 插入圖片或者視頻

2、基本語法

標題

注:# 後面保持空格

# h1
## h2
### h3
#### h4
##### h5
###### h6
段落

Markdown劃分段落很是簡單,就是在段落先後保留一個空行便可,例如:

這是第一個段落內容

這是第二個段落內容

效果以下:

這是第一個段落內容

這是第二個段落內容

區塊引用

若是咱們須要對一段內容進行強調顯示時,Markdown提供了一個特殊符號>(>和內容以前須要空一個空格)用於段落區塊引用:

>這是一段引用段落,將會被高亮顯示

效果以下:

這是一段引用段落,將會被高亮顯示

Markdown支持同時強調引用多個段落,能夠按照以下方式書寫

> 這是一段引用段落,將會被高亮顯示
>
> 這也是一段引用段落,也會被高亮顯示

這是一段引用段落,將會被高亮顯示

這也是一段引用段落,也會被高亮顯示

超連接
[超連接顯示文字](http://www.baidu.com "超連接title")

超連接顯示文字

提示:超連接title爲浮動提示文字,通常狀況能夠不填寫

圖片
![百度logo](https://www.baidu.com/img/bd_logo1.png?where=super)

百度logo

圖片和超連接的惟一區別就是在最前方添加一個感嘆號

無序列表

無序列表使用*、+、-標識,可是通常使用*來標識無序列表

單級列表從最左開始(適用於無序列表)

* 無序列表項
* 無序列表項
* 無序列表項
  • 無序列表項
  • 無序列表項
  • 無序列表項

Markdown支持多級列表嵌套,可是建議通常不使用超過兩級列表,另外建議兩級列表從縮進3個空格開始(適用於無序列表),以下所示:

* 無序列表項
      * 第二層列表項
      * 第二層列表項
   * 無序列表項
   * 無序列表項
  • 無序列表項
    • 第二層列表項
    • 第二層列表項
  • 無序列表項
  • 無序列表項

有序列表

有序列表使用<font color=red>數字 </font>.標識

1. 有序列表項1
2. 有序列表項2
3. 有序列表項3
  1. 有序列表項1
  2. 有序列表項2
  3. 有序列表項3
1. 有序列表項1
      1. 有序列表項11
      2. 有序列表項12
   2. 有序列表項3
  1. 有序列表項1
    1. 有序列表項11
    2. 有序列表項12
  2. 有序列表項3
分隔線
***

---
字體
*這裏是文字*
_這裏是文字_
**這裏是文字**
***這裏是文字***
~~這裏是文字~~

這裏是文字

這裏是文字

這裏是文字

這裏是文字

這裏是文字

代碼塊
行內代碼

使用單個反引號進行包裹行內代碼,例如 var x = 10

多行代碼

能夠經過三個反引號將代碼包裹起來,反引號單獨佔一行,多一行單引號後面能夠須要添加編程語言,詳細的編程語言見http://pygments.org/languages/

package main

import "fmt"

func main() {
    fmt.Println("Hello, World")
}
表格
| 表頭 | 表頭 | 表頭 |
| ---- | ---- | ---- |
| 內容 | 內容 | 內容 |
| 內容 | 內容 | 內容 |
| 內容 | 內容 | 內容 |
表頭 表頭 表頭
內容 內容 內容
內容 內容 內容
內容 內容 內容

歡迎你們來晚楓博客踩踩!

未完待續......

相關文章
相關標籤/搜索