markdown语法规则(.md文件)

Bertha 。 2023-02-17 08:54 2阅读 0赞

markdown语法  
零、markdown是什么  
一、标题  
二、字体  
三、引用  
四、分割线  
五、图片  
六、超链接  
七、列表  
1、无序列表  
2、有序列表  
八、表格  
九、代码  
十、注释  
十一、 URL图表  
十二、FLowchart流程图  
十三、KaTeX数学公式  
十四、新的甘特图功能，丰富你的文章  
功能快捷键  
零、markdown是什么  
 Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。  
 文档后缀为.md。  
1  
2  
一、标题  
在想要设置为标题的文字前面加\#来表示一个标题。  
一个\#是一级标题，二个\#是二级标题，以此类推。支持六级标题。  
注：标准语法一般在<kbd>\#</kbd>后跟个空格再写文字。

\+ 示例

\# 一级标题  
\#\# 二级标题  
\#\#\# 三级标题  
\#\#\#\# 四级标题  
\#\#\#\#\# 五级标题  
\#\#\#\#\#\# 六级标题  
1  
2  
3  
4  
5  
6  
\+ 效果

二、字体  
\+ 语法

\*\*这是加粗的文字\*\* \_\_这是加粗的文字\_\_  
\*这是倾斜的文字\*  
\*\*\*这是斜体加粗的文字\*\*\*  
~~这是加删除线的文字~~  
==标记文本==  
> 引用文本  
H~2~O is是液体。  
2^10^ 运算结果是 1024.  
1  
2  
3  
4  
5  
6  
7  
8  
\+ 效果  
这是加粗的文字 这是加粗的文字  
这是倾斜的文字\`  
这是斜体加粗的文字  
这是加删除线的文字  
标记文本

引用文本

H2O is是液体。  
210 运算结果是 1024.

三、引用  
\+ 在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>  
\+ 示例：

>这是引用的内容  
>>这是引用的内容  
>>>>>>>>>>这是引用的内容  
1  
2  
3  
\+ 效果：

这是引用的内容

四、分割线  
\+ 三个或者三个以上的 - 或者 \* 都可以。  
\+ 示例：

\---  
\----  
\*\*\*  
\*\*\*\*\*  
1  
2  
3  
4  
\+ 效果:

五、图片  
\+ 语法：

!\[图片alt\](图片地址\#pic\_center =300x100 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。  
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加  
1  
2  
3  
4

六、超链接  
\+ 语法：

\[超链接名\](超链接地址 "超链接title")  
title可加可不加  
1  
2  
\+ 示例：

\[百度\](http://baidu.com)  
1  
\+ 效果：  
百度

七、列表  
1、无序列表  
\+语法：

无序列表用 - + \* 任何一种都可以  
\- 列表内容  
\+ 列表内容  
\* 列表内容

注意：- + \* 跟内容之间都要有一个空格  
1  
2  
3  
4  
5  
6  
\+ 效果：

列表内容  
列表内容  
列表内容  
2、有序列表  
\+语法：

数字加点

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

注意：序号跟内容之间要有空格  
1  
2  
3  
4  
5  
6  
7  
\+ 效果：

1.列表内容  
 2.列表内容  
 3.列表内容  
1  
2  
3  
\+ 列表嵌套

上一级和下一级之间敲三个空格即可  
\+ 列表内容  
   + 列表内容  
1  
2  
3  
\+ 效果：

列表内容  
列表内容  
\+ 选择框

\- \[ \] 计划任务  
\- \[x\] 完成任务  
1  
2  
\+ 效果：

计划任务  
 完成任务  
八、表格  
\+ 语法：

使用\`:---------:\`居中  
使用\`:----------\`居左  
使用\`----------:\`居右

表头|表头|表头  
\---|:--:|---:  
内容|内容|内容  
内容|内容|内容

第二行分割表头和内容。  
\- 有一个就行，为了对齐，多加了几个  
文字默认居左  
\-两边加：表示文字居中  
\-右边加：表示文字居右  
注：原生的语法两边都要用 | 包起来。此处省略  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
12  
13  
14  
15  
\+ 示例：

姓名|技能|排行  
\--|:--:|--:  
刘备|哭|大哥  
关羽|打|二哥  
张飞|骂|三弟  
1  
2  
3  
4  
5  
\+ 效果:

姓名    技能    排行  
刘备    哭    大哥  
关羽    打    二哥  
张飞    骂    三弟  
九、代码  
\+ 语法：

单行代码：代码之间分别用一个反引号包起来  
 \`代码内容\`

<kbd>标识文字</kbd>  
1  
2  
3  
4  
代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行  
\\\`\`\`  
  代码...  
  代码...  
  代码...  
\\\`\`\`  
1  
2  
3  
4  
5  
6  
效果：  
代码内容

代码...  
 代码...  
 代码...  
1  
2  
3  
代码内容

十、注释  
\+ 语法

给HTML鼠标移动上去时添加解释。\[^1\]  
\*\[HTML\]: 超文本标记语言  
\[^1\]: 注释的脚本   
1  
2  
3  
\+ 效果  
Markdown将文本转换为 HTML1。

十一、 URL图表  
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图

\`\`\`mermaid  
sequenceDiagram  
张三 ->> 李四: 你好！李四, 最近怎么样?  
李四-->>王五: 你最近怎么样，王五？  
李四--x 张三: 我很好，谢谢!  
李四-x 王五: 我很好，谢谢!  
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...  
张三->>王五: 很好... 王五, 你怎么样?  
\\\`\`\`  
注意：实际使用的时候去掉\\\`\`\`中的 \\  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
12  
张三  
李四  
王五  
你好！李四, 最近怎么样?  
你最近怎么样，王五？  
我很好，谢谢!  
我很好，谢谢!  
李四想了很长时间,文字太长了不适合放在一行.  
打量着王五...  
很好... 王五, 你怎么样?  
张三  
李四  
王五  
\+ 下列代码将产生一个流程图:

\`\`\`mermaid  
graph LR  
A\[长方形\] -- 链接 --> B((圆))  
A --> C(圆角长方形)  
B --> D\{菱形\}  
C --> D  
\\\`\`\`  
1  
2  
3  
4  
5  
6  
7  
链接  
长方形  
圆  
圆角长方形  
菱形  
关于 Mermaid 语法，参考 这儿,  
十二、FLowchart流程图  
flowchart的流程图：

\`\`\`mermaid  
flowchat  
st=>start: 开始  
e=>end: 结束  
op=>operation: 我的操作  
cond=>condition: 确认？

st->op->cond  
cond(yes)->e  
cond(no)->op  
\\\`\`\`  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
开始  
我的操作  
确认？  
结束  
yes  
no  
关于 Flowchart流程图 语法，参考 这儿.  
十三、KaTeX数学公式  
您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\\Gamma(n) = (n-1)!\\quad\\forall  
n\\in\\mathbb N$ 是通过欧拉积分  
$$  
\\Gamma(z) = \\int\_0^\\infty t^\{z-1\}e^\{-t\}dt\\,.  
$$  
1  
2  
3  
4  
5  
Gamma公式展示 Γ(n)=(n−1)!∀n∈ℕ\\Gamma(n) = (n-1)!\\quad\\foralln\\in\\mathbb NΓ(n)=(n−1)!∀n∈N 是通过欧拉积分

Unexpected text node: '&ThinSpace;'Unexpected text node: '&ThinSpace;'  
Γ(z)=∫   
0  
∞  
      
 t   
z−1  
 e   
−t  
 dt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

十四、新的甘特图功能，丰富你的文章  
\`\`\`mermaid  
gantt  
        dateFormat  YYYY-MM-DD  
        title Adding GANTT diagram functionality to mermaid  
        section 现有任务  
        已完成               :done,    des1, 2014-01-06,2014-01-08  
        进行中               :active,  des2, 2014-01-09, 3d  
        计划一               :         des3, after des2, 5d  
        计划二               :         des4, after des3, 5d  
\\\`\`\`  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
Mon 06  
Mon 13  
Mon 20  
已完成  
进行中  
计划一  
计划二  
现有任务  
Adding GANTT diagram functionality to mermaid  
关于 甘特图 语法，参考 这儿  
功能快捷键  
撤销：Ctrl/Command + Z  
重做：Ctrl/Command + Y  
加粗：Ctrl/Command + B  
斜体：Ctrl/Command + I  
标题：Ctrl/Command + Shift + H  
无序列表：Ctrl/Command + Shift + U  
有序列表：Ctrl/Command + Shift + O  
检查列表：Ctrl/Command + Shift + C  
插入代码：Ctrl/Command + Shift + K  
插入链接：Ctrl/Command + Shift + L  
插入图片：Ctrl/Command + Shift + G

注释的脚本 ↩︎