Hexo+Markdown在你自己的博客發(fā)布文章!

引言

原文鏈接:https://whitesir-blog.top/posts/25af.html

image

哈哈,有時候自己在自己搭建的Hexo博客寫文章的時候,老是記不住Markdown文檔的語法或者怎么新建文章,還有Front-matter 選項(xiàng)怎么去用,所以呢!我就準(zhǔn)備自己寫一篇文章去記錄這些,以免每次寫文章都得去百度一大堆東西,本文章不定期更新....

小技巧

新建文章模板修改

首先為了新建文章方便,我們可以修改一下文章模板,建議將/scaffolds/post.md修改為如下代碼:

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

這樣新建文章后 一些Front-matter參數(shù)不用你自己補(bǔ)充了,修改對應(yīng)信息就可以了

文章 Front-matter 介紹

Front-matter 選項(xiàng)詳解

Front-matte1r選項(xiàng)中的所有內(nèi)容均為非必填的。但我仍然建議至少填寫 titledate 的值。

image
image

注意:

  1. 如果img屬性不填寫的話,文章特色圖會根據(jù)文章標(biāo)題的hashcode 的值取余,然后選取主題中對應(yīng)的特色圖片,從而達(dá)到讓所有文章都的特色圖各有特色。
  2. date 的值盡量保證每篇文章是唯一的,因?yàn)楸局黝}中 GitalkGitment 識別id是通過 date 的值來作為唯一標(biāo)識的。
  3. 如果要對文章設(shè)置閱讀驗(yàn)證密碼的功能,不僅要在 Front-matter 中設(shè)置采用了 SHA256加密的 password 的值,還需要在主題的_config.yml 中激活了配置。有些在線的 SHA256 加密的地址,可供你使用:開源中國在線工具chahuo站長工具
  4. 您可以在文章md文件的 front-matter 中指定 reprintPolicy來給單個文章配置轉(zhuǎn)載規(guī)則

以下為文章的 Front-matter 示例。

最簡示例

---
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: 這是你自定義的文章摘要內(nèi)容,如果這個屬性有值,文章卡片摘要就顯示這段文字,否則程序會自動截取文章的部分內(nèi)容作為摘要
categories: Markdown
tags:
  - Typora
  - Markdown
---

Markdown

語法

一、參考文檔

Markdown 中文版語法說明

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

Markdown文檔編寫指南

Markdown Emoji表情語法速查表

Markdown 插入圖片或者視頻

二、基本語法

標(biāo)題

注:# 后面保持空格

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

Markdown劃分段落非常簡單,就是在段落前后保留一個空行即可,例如:

這是第一個段落內(nèi)容

這是第二個段落內(nèi)容

效果如下:

這是第一個段落內(nèi)容

這是第二個段落內(nèi)容

區(qū)塊引用

如果我們需要對一段內(nèi)容進(jìn)行強(qiáng)調(diào)顯示時,Markdown提供了一個特殊符號>(>和內(nèi)容之前需要空一個空格)用于段落區(qū)塊引用:

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

效果如下:

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

Markdown支持同時強(qiáng)調(diào)引用多個段落,可以按照如下方式書寫

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

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

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

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


超鏈接顯示文字

提示:超鏈接title為浮動提示文字,一般情況可以不填寫

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

圖片和超鏈接的唯一區(qū)別就是在最前方添加一個感嘆號

無序列表

無序列表使用、+、-標(biāo)識,但是一般使用來標(biāo)識無序列表

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

* 無序列表項(xiàng)
* 無序列表項(xiàng)
* 無序列表項(xiàng)
  • 無序列表項(xiàng)
  • 無序列表項(xiàng)
  • 無序列表項(xiàng)

Markdown支持多級列表嵌套,但是建議一般不使用超過兩級列表,另外建議兩級列表從縮進(jìn)3個空格開始(適用于無序列表),如下所示:

   * 無序列表項(xiàng)
      * 第二層列表項(xiàng)
      * 第二層列表項(xiàng)
   * 無序列表項(xiàng)
   * 無序列表項(xiàng)
  • 無序列表項(xiàng)
    • 第二層列表項(xiàng)
    • 第二層列表項(xiàng)
  • 無序列表項(xiàng)
  • 無序列表項(xiàng)

有序列表

有序列表使用<font color=red>數(shù)字 </font>.標(biāo)識

1. 有序列表項(xiàng)1
2. 有序列表項(xiàng)2
3. 有序列表項(xiàng)3
  1. 有序列表項(xiàng)1
  2. 有序列表項(xiàng)2
  3. 有序列表項(xiàng)3
   1. 有序列表項(xiàng)1
      1. 有序列表項(xiàng)11
      2. 有序列表項(xiàng)12
   2. 有序列表項(xiàng)3
  1. 有序列表項(xiàng)1
    1. 有序列表項(xiàng)11
    2. 有序列表項(xiàng)12
  2. 有序列表項(xiàng)3
分隔線
***

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

這里是文字

這里是文字

這里是文字

這里是文字

這里是文字

代碼塊
行內(nèi)代碼

使用單個反引號進(jìn)行包裹行內(nèi)代碼,例如 var x = 10

多行代碼

可以通過三個反引號將代碼包裹起來,反引號單獨(dú)占一行,多一行單引號后面可以需要添加編程語言,詳細(xì)的編程語言見http://pygments.org/languages/

package main

import "fmt"

func main() {
    fmt.Println("Hello, World")
}

表格
| 表頭 | 表頭 | 表頭 |
| ---- | ---- | ---- |
| 內(nèi)容 | 內(nèi)容 | 內(nèi)容 |
| 內(nèi)容 | 內(nèi)容 | 內(nèi)容 |
| 內(nèi)容 | 內(nèi)容 | 內(nèi)容 |
表頭 表頭 表頭
內(nèi)容 內(nèi)容 內(nèi)容
內(nèi)容 內(nèi)容 內(nèi)容
內(nèi)容 內(nèi)容 內(nèi)容

歡迎大家來晚?xiàng)鞑┛?/a>踩踩!

未完待續(xù)......

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容