markdown语法

markdown语法

1.标题

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

2.字体

**加粗**
*倾斜*
***倾斜加粗***
~~删除线~~
效果如下:
加粗
倾斜
倾斜加粗
删除线

3.引用

>这是引用的内容
>>这是引用的内容
>>>>>这是引用的内容
效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

4.分割线

三个或者三个以上的 - 或者 * 都可以
---
----
***
*****
效果如下:




5.图片

![图片alt](图片地址 ''图片title'')
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容,title可加可不加
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=702257389,1274025419&fm=27&gp=0.jpg "区块链")
效果如下:
blockchain

6.超链接

超链接名
title可加可不加
[简书](http://jianshu.com)
[百度](http://baidu.com)
效果如下:
简书
百度

注意:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替
<a href="超链接地址" target="_blank">超链接名</a>
效果如下:
简书

7.列表

无序列表用 - + * 任何一种都可以,注意:- + * 跟内容之间都要有一个空格
- AAA
+ BBB
* CCC

效果如下:

  • AAA
  • BBB
  • CCC

有序列表用 数字加点
1. 列表内容
2. 列表内容
3. 列表内容

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

8.表格

注意:表格与正文需空两行...表格才能展示(hexo markdown失效问题),详见https://www.jianshu.com/p/e19eff4311f4
name | 价格 | 数量
-|-|-
香蕉 | $1 | 5 |
苹果 | $1 | 6 |
草莓 | $1 | 7 |
效果如下:

name价格数量
香蕉$15
苹果$16
草莓$17

9.代码

单行代码:代码之间分别用一个反引号包起来 (反引号输出:shift +左上方~键)
`String autor = "Echo"`

效果如下:

String autor = "Echo"

多行代码:前后```

if(a==b){
  String author1 = "Echo";
  String author2 = "Echo";
  String author3 = "Echo";
  String author4 = "Echo";
  String author5 = "Echo";
  String author6 = "Echo";
}

10. 流程图

1.mermaid 形式
//若博客使用的是3-hexo主题 需在对应的配置文件_config.yml中开启mermaid支持
<pre class="mermaid">graph LR
A[Bob<br>输入明文P] -->|P|B["Bob的私钥PRbob<br>加密算法(如RSA)<br>C=E(PRbob,P)"];
B -->|传输数字签名C|C["Alice的公钥环{PUbob,……}<br>解密算法(如RSA)<br>P=D(PUbob,C)"];
C -->|P|D["Alice<br>输出明文P"];
</pre>

效果如下:

graph LR
  A[Bob
输入明文P] -->|P|B["Bob的私钥PRbob
加密算法(如RSA)
C=E(PRbob,P)"]; B -->|传输数字签名C|C["Alice的公钥环{PUbob,……}
解密算法(如RSA)
P=D(PUbob,C)"]; C -->|P|D["Alice
输出明文P"];

2.flowchart 形式(貌似halo暂时没有兼容)
需要npm install --save hexo-filter-flowchart
在hexo的_config.yml文件(根目录的并非主题的)中,添加以下内容
flowchart:
#raphael: # optional, the source url of raphael.js
#flowchart: # optional, the source url of flowchart.js
options: # options used for drawSVG
```flow
st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆成功 Yes or No?
e=>end: 进入后台

st->op->cond
cond(yes)->e
cond(no)->op
```

效果如下:

st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆成功 Yes or No?
e=>end: 进入后台

st->op->cond
cond(yes)->e
cond(no)->op