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")
}
表格
| 表头 | 表头 | 表头 |
| ---- | ---- | ---- |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
表头 表头 表头
内容 内容 内容
内容 内容 内容
内容 内容 内容

欢迎你们来晚枫博客踩踩!

未完待续......

相关文章
相关标签/搜索