Markdown语法
前言:使用markdown来记录东西还是不错的,但是记性不好,记录一下markdown的一些基本用法
一、什么是MarkDown?
-
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
-
Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。
-
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
-
Markdown 编写的文档后缀为 .md 或 .markdown
二、两种标题格式
1.使用=和-来标记一级标题和二级标题
格式如下:
一级标题
====================
二级标题
--------------------
显示效果如下:
一级标题
二级标题
2.使用#号标记
格式如下:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
显示效果如下:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
三、段落
1.字体
格式如下:
*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
显示效果如下:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
2.分割线
格式如下:
***
* * *
*****
- - -
----------
显示效果如下:
3.删除线
格式如下:
~~我从小就想敲代码~~
显示效果如下:
我从小就想敲代码
4.下划线
格式如下:
<u>加班使我快乐</u>
显示效果如下:
加班使我快乐
5.脚注
格式如下:
这里有一个脚注[^脚注ID1]。
这里有一个脚注[^脚注ID2]。
[^脚注ID1]: 此处是 **脚注** 的 *文本内容*。
[^脚注ID2]: 此处是 **脚注** 的 *文本内容*。
显示效果如下:
这里有一个脚注[1]。
这里有一个脚注[2]。
四、列表
1.有序列表和无序列表
* 第一项
* 第二项
* 第三项
***
+ 第一项
+ 第二项
+ 第三项
***
- 第一项
- 第二项
- 第三项
***
1.第一项
2.第二项
3.第三项
显示效果如下:
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
1.第一项
2.第二项
3.第三项
2.列表嵌套
格式如下:
1. 第一项:
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
2. 第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
显示效果如下:
- 第一项:
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
- 第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
五、区块
1.单行代码
`Print()`函数
显示效果如下:
Print()
函数
2.代码区块
格式如下:
```C#
class Money{
Print();
}
```
显示效果如下:
class Money{
Print();
}
六、链接
1.基本使用
格式如下:
[链接名称](链接地址)
或者
<链接地址>
显示效果如下:
更多精彩福利视频
https://www.bilibili.com/
2.高级用法
格式如下:
链接也可以用变量来代替,文档末尾附带变量地址:
这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值(网址)
[Bilibili]: https://www.bilibili.com/
[a]: https://www.bilibili.com/
显示效果如下:
链接也可以用变量来代替,文档末尾附带变量地址:
这个链接用 1 作为网址变量 [Bilibili][1]
这个链接用 a 作为网址变量 [a][runoob]
然后在文档的结尾为变量赋值(网址)
[Bilibili]: https://www.bilibili.com/
[a]: https://www.bilibili.com/
七、图片
1.方法1
格式如下:
![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
![cnblog 图标](https://www.cnblogs.com/images/logo_small.gif)
![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")
显示效果如下:
2.方法2
格式如下:
这个链接用 1 作为网址变量 [RUNOOB][1].
然后在文档的结尾位变量赋值(网址)
[1]: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.rcbqb.com%2Fdt%2Fgz2blihiwtp.jpg&refer=http%3A%2F%2Fimg.rcbqb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666399683&t=a4114b9d24b8c73224b858895973d4ab
显示效果如下:
这个链接用 1 作为网址变量 [img][1].
然后在文档的结尾位变量赋值(网址)
😄
[1]:https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.rcbqb.com%2Fdt%2Fgz2blihiwtp.jpg&refer=http%3A%2F%2Fimg.rcbqb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666399683&t=a4114b9d24b8c73224b858895973d4ab
3.方法3
还可以使用Img标签
格式如下:
<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">
显示效果如下:
八、表格
1、基本用法
格式如下:
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
显示效果如下:
表头 | 表头 |
---|---|
单元格 | 单元格 |
单元格 | 单元格 |
2、设置表格对齐方式
- -: 设置内容和标题栏居右对齐
- :- 设置内容和标题栏居左对齐
- :-:设置内容和标题栏居中对齐
实例如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
显示效果如下:
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
设置内容和标题栏居左对齐 | 设置内容和标题栏居左对齐 | 设置内容和标题栏居右对齐 |
单元格 | 单元格 | 单元格 |
九、技巧
1、支持HTML元素
复制<kbd>Ctrl</kbd>+<kbd>C</kbd>
<font color="#35CD4B">我看刑</font>
效果如下:
复制Ctrl+C
我看刑
2、转义
可以使用反斜杠来转义特殊字符
格式如下:
**文本加粗**
\*\* 正常显示星号 \*\*
显示效果如下:
文本加粗
** 正常显示星号 **
3、公式
这个有兴趣的朋友可以研究研究,玩一下
markdown公式指导手册
格式如下:
$$ \frac{a-1}{b-1} \quad or \quad {a+1 \over b+1} $$
显示效果如下:
十、文字颜色、大小、字体、背景色、Emoji
文字颜色
格式如下:
<font color="#dd0000">文字颜色预览</font>
显示效果如下:
文字颜色预览
字体大小
格式如下:
size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为6:<font size="6">size为6</font>
显示效果如下:
size为1:size为1
size为2:size为2
size为3:size为3
size为4:size为4
size为6:size为6
字体风格
格式如下:
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="楷体">我是楷体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>
显示效果如下:
我是黑体字
我是宋体字
我是楷体字
我是微软雅黑字
我是fantasy字
我是Helvetica字
背景色
<table><tr><td bgcolor=#F4A460>背景色的设置是按照十六进制颜色值:#F4A460</td></tr></table>
<table><tr><td bgcolor=#FF6347>背景色的设置是按照十六进制颜色值:#FF6347</td></tr></table>
<table><tr><td bgcolor=#D8BFD8>背景色的设置是按照十六进制颜色值:#D8BFD8</td></tr></table>
<table><tr><td bgcolor=#008080>背景色的设置是按照十六进制颜色值:#008080</td></tr></table>
<table><tr><td bgcolor=#FFD700>背景色的设置是按照十六进制颜色值:#FFD700</td></tr></table>
显示效果如下:
背景色的设置是按照十六进制颜色值:#F4A460 |
背景色的设置是按照十六进制颜色值:#FF6347 |
背景色的设置是按照十六进制颜色值:#D8BFD8 |
背景色的设置是按照十六进制颜色值:#008080 |
背景色的设置是按照十六进制颜色值:#FFD700 |
格式如下:
微信转账300块:moneybag:
显示效果如下:
微信转账300块💰
更多表情请参考表情符号简码列表
更多关于Markdown的内容:Markdown教程
Markdown编辑工具:
Window:
Typora挺好用的,可惜收费了
MarkdownPad
Minidown
ios:
Byword
后续还会不断更新修改......