Markdown语法教程
2021/4/18 18:27:14
本文主要是介绍Markdown语法教程,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Markdown语法
首先推荐一款轻便简洁的Markdown编辑器:Typora
官网链接:https://www.typora.io/
1、 标题
1.1 使用 = 和 - 标记一级和二级标题
源码:
我展示的是一级标题 =============== 我展示的是二级标题 ---------------
效果:
我展示的是一级标题
我展示的是二级标题
1.2 使用 # 号标记
使用 # 号可以表示1-6级标题,一级标题对应一个#号,二级标题对应两个#号,以此类推。
源码:
# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题
效果:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2、Markdown段落
2.1 段落
段落的换行是使用两个以上空格加上回车
你好,世界!
你好,世界!
当然也可以在段落后面使用一个空行来表示重新开始一个段落
你好,世界!
你好,世界!
2.2 字体
源码:
*斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜体文本*** ___粗斜体文本___
效果:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
2.3 分割线
在一行中用三个以上的星号(*)、减号(-)(也可以在符号间插入空格)
源码:
*** * * * --- - - -
效果:
2.4 删除线
只需要在文字的两端加上两个波浪线即可
源码:
你好,世界! ~~你好,世界!~~
效果:
你好,世界!
你好,世界!
2.5 下划线
下划线可以通过HEML的
<u>
标签来实现:
源码:
<u>带下划线文本</u>
效果:
带下划线的文本
2.6 脚注
源码:
创建脚注格式 [^Markdown] [^Markdown]:一款轻便简洁的Markdown编辑器
效果:
创建脚注格式 [1]
3、Markdown列表
3.1 无序列表
使用星号()、加号(+)或是减号(-)作为标记,这些标记后面要添加一个空格*
源码:
+ 第一项 + 第二项 * 第一项 * 第二项 - 第一项 - 第二项
效果:
- 第一项
- 第二项
- 第一项
- 第二项
- 第一项
- 第二项
3.2 有序列表
使用数字加上 . 号来表示, 点后要加一个空格
源码:
1. 第一项 2. 第二项
效果:
- 第一项
- 第二项
3.3 列表嵌套
源码:
1. 第一项: - 第一项嵌套的第一个元素 - 第一项嵌套的第二个元素 2. 第二项: - 第二项嵌套的第一个元素 - 第二项嵌套的第二个元素
效果:
- 第一项
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
- 第二项
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
4、Markdown区块
4.1 区块
在段落开头使用 >
符号,然后后面紧跟一个空格符号:
源码:
> 区块引用 > 你好,世界!
效果:
区块引用
你好,世界!
另外区块是可以嵌套的,一个 >
符号是最外层,两个 >
符号是第一层嵌套,以此类推:
源码:
> 最外层 > > 第一层嵌套 > > > 第二层嵌套
效果:
最外边
第一层嵌套
第二层嵌套
4.2 区块中使用列表
源码:
> 区块中使用列表 > 1. 第一项 > 2. 第二项 > + 第一项 > + 第二项
效果:
区块中使用列表
- 第一项
- 第二项
- 第一项
- 第二项
4.3 列表中使用区块
源码:
* 第一项 > 你好,世界! * 第二项
效果:
-
第一项
你好,世界!
-
第二项
5、Markdown代码
5.1 代码
如果是段落上的一个函数或片段的代码可以用反引号( `` `)把它包起来
源码:
`println()` 函数
效果:
println()
函数
5.2 代码区块
使用```` `包裹一段代码,并指定一种语言(也可以不指定)
源码:
```java public static void main (string[] args) { System.out.println("Hello World!"); } ```
效果:
int main(void) { printf("Hello World"); return 0; }
6、Markdown链接
6.1 链接
链接使用方法:
[链接名称](链接地址) 或者 <链接地址>
源码:
[百度](https://www.baidu.com) <https://www.baidu.com>
效果:
百度
https://www.baidu.com
6.2 高级链接
我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:
代码:
这个链接用 1 作为网址变量 [百度][1] 然后在文档的结尾为变量赋值(网址) [1]: http://www.baidu.com
效果:
百度
7、Markdown图片
图片语法格式:
![alt 属性文本](图片地址) ![alt 属性文本](图片地址 "可选标题")
源码:
![百度图标](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png)
效果:
也可以像网址那样对图片网址使用变量:
源码:
这个链接用 1 作为网址变量 [百度图标][1] 然后在文档的结尾为变量赋值(网址) [1]: https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png
效果:
百度图标
Markdown 还没有办法指定图片的高度与宽度,如果需要可以使用
<img>
标签。
源码:
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="50%">
效果:
8、Markdown表格
使用
|
来分隔不同的单元格,使用-
来分隔表头和其他行
源码:
| 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元格 | 单元格 |
效果:
表头 | 表头 |
---|---|
单元格 | 单元格 |
单元格 | 单元格 |
对齐方式:
-:
设置内容和标题栏居右对齐。:-
设置内容和标题栏居左对齐。:-:
设置内容和标题栏居中对齐。
代码:
| 左对齐 | 右对齐 | 居中对齐 | | :-----| ----: | :----: | | 单元格 | 单元格 | 单元格 | | 单元格 | 单元格 | 单元格 |
效果:
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
单元格 | 单元格 | 单元格 |
单元格 | 单元格 | 单元格 |
9、Markdown高级技巧
9.1 支持 HTML 元素
不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
等 ,如:
源码:
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
效果:
使用 Ctrl+Alt+Del 重启电脑
9.2 转义
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
源码:
**文本加粗** \*\* 正常显示星号 \*\*
效果:
文本加粗
** 正常显示星号 **
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线 ` 反引号 * 星号 _ 下划线 {} 花括号 [] 方括号 () 小括号 # 井字号 + 加号 - 减号 . 英文句点 ! 感叹号
一款轻便简洁的Markdown编辑器 ↩︎
这篇关于Markdown语法教程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-14动态路由项目实战:从入门到上手
- 2024-11-14函数组件项目实战:从入门到简单应用
- 2024-11-14获取参数项目实战:新手教程与案例分析
- 2024-11-14可视化开发项目实战:新手入门教程
- 2024-11-14可视化图表项目实战:从入门到实践
- 2024-11-14路由懒加载项目实战:新手入门教程
- 2024-11-14路由嵌套项目实战:新手入门教程
- 2024-11-14全栈低代码开发项目实战:新手入门指南
- 2024-11-14全栈项目实战:新手入门教程
- 2024-11-14useRequest教程:新手快速入门指南