markdown语法

294次阅读
没有评论

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 "区块链") 效果如下: markdown语法

6.超链接

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

注意:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替 <a href="超链接地址" target="_blank" rel="noopener">超链接名</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 价格 数量
香蕉 $1 5
苹果 $1 6
草莓 $1 7

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<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"];

2.flowchart 形式 需要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
viEcho
版权声明:本站原创文章,由viEcho2021-03-28发表,共计1961字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
载入中...