👉原文阅读
💡章前导言
日常使用Markdown编辑文章时,有些技巧和语法非常便捷实用,就是格式太多了,在此文汇总方便随取随用。
目录
📘正文开始
Markdown语法
1. 水平线
---
:
___
:
***
:
2. 强调
2.1 粗体
**粗体**
:粗体
__粗体__
:粗体
2.2 斜体
*斜体*
:斜体
_斜体_
:斜体
2.3 删除线
~~删除线~~
:删除线
3. 引用
在要引用的任何文本之前添加 >
:
引用大概会在章末写参考文章链接的时候用到
引用也可以嵌套
4. 列表
4.1 无序列表
* 列表
:
- 列表
- 列表
:
- 列表
+ 列表
:
- 列表
- 列表
- 列表
- 列表
- 列表
- 列表
- 列表
- 列表
4.2 有序列表
数字+.
+空格,接着后面加文字就形成有序列表了,回车列表会自动加一,例如下面的输入
1. 列表Ⅰ
2. 列表Ⅱ
3. 列表Ⅲ
4. 列表Ⅳ
5. 列表Ⅴ
最后网页呈现是这样的:
- 列表Ⅰ
- 列表Ⅱ
- 列表Ⅲ
- 列表Ⅳ
- 列表Ⅴ
4.3 任务列表
任务列表使你可以创建带有复选框的列表
要创建任务列表, 请在任务列表项之前添加破折号 (-
) 和带有空格的方括号 ([ ]
)
要选择一个复选框,请在方括号之间添加 x ([x]
)
简单来说就是勾选框的渲染,这个日常记事也蛮好用的
- [ ] 任务列表
:
- 任务列表
- [x] 任务列表
:
- 任务列表
5. 代码
5.1 行内代码
用` 包装行内代码段.
在这个例子中, `<section></section>` 会被包裹成代码
呈现的输出效果如下:
在这个例子中, <section></section>
会被包裹成代码
5.2 缩进代码
将几行代码缩进至少四个空格,例如:
// 只需要在一行代码的第一个字符前面打四个及以上的空格
line 1 of code
line 2 of code
line 3 of code
呈现的效果如下:
// 只需要在一行代码的第一个字符前面打四个及以上的空格
line 1 of code
line 2 of code
line 3 of code
5.3 围栏代码块
使用 “围栏” ``` 来生成一段带有语言属性的代码块
```markdown
Sample text here...
```
呈现的效果如下:
Sample text here...
6. 表格
通过在每个单元格之间添加竖线作为分隔线
并在标题下添加一行破折号 (也由竖线分隔) 来创建表格
PS: 竖线不需要垂直对齐
| Option | Description |
| ------ | ----------- |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
呈现的输出效果如下:
Option | Description |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
文本右对齐或居中对齐
在任何标题下方的破折号右侧添加冒号将使该列的文本右对齐
在任何标题下方的破折号两边添加冒号将使该列的对齐文本居中
| Option | Description |
|:------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
呈现的输出效果如下:
Option | Description |
---|---|
data | path to data files to supply the data that will be passed into templates. |
engine | engine to be used for processing templates. Handlebars is the default. |
ext | extension to be used for dest files. |
7. 链接
7.1 基本链接
<https://github.com/B1ANKC-MOV>
:https://github.com/B1ANKC-MOV
<VVulpes@163.com>
:VVulpes@163.com
[VVulpes · GitHub](https://github.com/B1ANKC-MOV)
:VVulpes · GitHub
给链接添加一个标题👇
[VVulpes·Github](https://github.com/B1ANKC-MOV "欢迎访问我的Github!")
呈现的输出效果如下 (将鼠标悬停在链接上,会有一行提示):
7.2 定位标记
定位标记使你可以跳至同一页面上的指定锚点。例如,每个章节:
[表格](#表格)
[链接](#链接)
[基本链接](#基本链接)
[定位标记](#定位标记)
呈现的效果如下:
8. 脚注
要创建脚注引用, 请在方括号中添加插入符号和标识符 ([^1]
)
标识符可以是数字或单词, 但不能包含空格或制表符
在中括号内使用插入符号和数字以及用冒号和文本来添加脚注内容 :([^1]:这是一段脚注
)
标识符仅将脚注引用与脚注本身相关联 且 在脚注输出(它会自动生成)中, 脚注按顺序编号
你不一定要在文档末尾添加脚注,可以将它们放在除列表, 引用和表格等元素之外的任何位置
这是一个数字脚注[^1].
这是一个带标签的脚注[^label]
[^1]: 这是一个数字脚注
[^label]: 这是一个带标签的脚注
9. 图片
图片的语法与链接相似, 但包含一个在前面的感叹号
![fox](https://img-blog.csdnimg.cn/img_convert/092bb53ede73f8a677a485bca84df9ba.png)
将鼠标悬停在图片上,显示相关文字👇
![fox](https://img-blog.csdnimg.cn/img_convert/092bb53ede73f8a677a485bca84df9ba.png "What does the fox say?")
像链接一样, 图片也具有脚注样式的语法:![Fox][id]
然后在文档中随便一个位置提供参考内容, 用来定义 URL 即可:[id]: https://img-blog.csdnimg.cn/img_convert/4e5ef0b16f3fb1687cb49a5b7853fde3.png "使用脚注样式的语法貌似不会被CSDN转码,可以使用源图站链接"
参考文章链接