Hexo+Markdown在你自己的博客發布文章!


引言

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


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

小技巧

新建文章模板修改

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

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

這樣新建文章后 一些Front-matter參數不用你自己補充了,修改對應信息就可以了

文章 Front-matter 介紹

Front-matter 選項詳解

Front-matte1r 選項中的所有內容均為非必填的。但我仍然建議至少填寫 titledate 的值。

注意:

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

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

Markdown

語法

一、參考文檔

Markdown 中文版語法說明

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

Markdown文檔編寫指南

Markdown Emoji表情語法速查表

Markdown 插入圖片或者視頻

二、基本語法

標題

注:# 后面保持空格

# 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個空格開始(適用於無序列表),如下所示:

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

有序列表

有序列表使用數字 .標識

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")
}

表格
| 表頭 | 表頭 | 表頭 |
| ---- | ---- | ---- |
| 內容 | 內容 | 內容 |
| 內容 | 內容 | 內容 |
| 內容 | 內容 | 內容 |
表頭 表頭 表頭
內容 內容 內容
內容 內容 內容
內容 內容 內容

歡迎大家來晚楓博客踩踩!

未完待續......


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM