Markdown入门(markdown版)
参考网站:知乎、菜鸟教程、CSDN、简书等。
Markdown简介:
Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。
由于Markdown的轻量化、易读易写特性,并且对于图片,图表、Latex公式等都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、CSDN、简书等,甚至还能被使用来撰写电子书。
写一个Markdown文档,可以将直接使用Markdown语法和Html的标签混合进行使用,因为最后都会转换成Html,但要注意的是,在HTML区块标签间的 Markdown 格式语法将不会被处理。
在段落中填写 [TOC] 以显示全文内容的目录结构。
文章目录
1. 标题
## (1)二级标题
二级标题
###### (2)六级标题
六级标题
2. 文字标记
(1) *斜体*
斜体
(2) **加粗**
加粗
(3) ***斜体+加粗***
斜体+加粗
(4) ~删除线~
删除线
(5)字体、字号、 颜色(借助html)
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。
但它本身不支持修改字体、字号与颜色等功能的!通过使用内嵌HTML
的方法来实现:字体,字号和颜色编辑。
目前所有浏览器都支持在HTML和CSS颜色规范定义的141个颜色(17标准颜色,再加124),可以从网上找到所有颜色的值,包括十六进制值。
① <font size=3 face="黑体" >size=3 face="黑体"</font>
size=3 face=“黑体”
② <font color=#FF0000 size=3 face="宋体" >color=#FF0000 size=3 face="宋体"</font>
color=#FF0000 size=3 face=“宋体”
③ <font color=#008000 size=3 face="楷体" >color=#008000 size=3 face="楷体"</font>
color=#008000 size=3 face=“楷体”
④ <font color=#0000FF size=3 face="Times New Roman" >color=#0000FF size=3 face="Times New Roman"</font>
color=#0000FF size=3 face=“Times New Roman”
注意:HTML5 不支持 <font> 标签,早在 HTML 4.01 中,<font> 元素已废弃。在HTML5中可以使用CSS来定义文本的字体、尺寸、颜色。
(6)背景色(借助html)
Markdown本身不支持背景色设置,需要采用内置html的 <table>, <tr>, <td>
等表格标签的 bgcolor
属性来实现背景色的功能。
<table><tr><td bgcolor=#7FFFD4 align="left">背景色</td></tr></table>
背景色 |
(7)文字居中(借助html)
标准的markdown文本,是不支持居中对齐的,可以通过html实现。
居中:<center >HTML居中</center>
(8)其他 html 文字标签
① <b >加粗</b> ; <i >斜体</i> ; <em >强调</em> ; <u >下划线</u> ; <s >删除线</s>
加粗 ; 斜体 ; 强调 ; 下划线 ; 删除线
② 上标<sup >1</sup> ; 下标<sub >2</sub> ; <br >换行
上标1 ; 下标2 ;
换行
③ <kbd >键盘体</kbd>
键盘体
使用 Ctrl+Alt+Del 重启电脑
(9)缩进字符、换行
①缩进一个字符: 缩进
②缩进两个字符: 缩进
③换行:markdown中两次回车就可以换行。
3. 分割线
可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西;也可以在星号或是减号中间插入空格。如:
(1)- - -
4.下划线
下划线可以通过 HTML 的 <u>..</u>
标签来实现
(1)<u>下划线</u>
下划线
5. 引用
在引用的文字前加>
即可。引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等。
> (1)this is a **denote**.
(1)this is a denote.
6. 脚注
Markdown 脚注的格式如下:[^要注明的文本]
。例如:
时间[time]
(空一行)
[time]: 2022.1.11
时间time
7. 列表
Markdown 支持有序列表和无序列表。
(1)有序列表
有序列表使用数字接着一个英文句点作为标记【注意:序号跟内容之间要有空格】。如:
1. first
1. second
- first
- second
(2)无序列表
无序列表使用星号、加号或是减号作为列表标记【注意:- + * 跟内容之间都要有一个空格】。如:
- first
- f.1
- f.1.1
+ second
* third
- first
- f.1
- f.1.1
- f.1
- second
- third
8. 表格
(1)Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
| 表头1 | 表头2 | 表头3 |
| :---- | ----: | :---: |
| 左齐 | 右齐 | 居中 |
表头1 | 表头2 | 表头3 |
---|---|---|
左齐 | 右齐 | 居中 |
左齐 | 右齐 | 居中 |
(2)借助Html 写一个纵跨两行的表格。
值班人员 | 星期一 | 星期二 | 星期三 |
---|---|---|---|
李强 | 张明 | 王平 |
9. 代码
(1)用反引号 ` 这个符号来包围想要高亮显示的代码块。
`print(“hello world!”)`
print("hello world!")
(2)用三个连续的反引号 ```来引入接下来的一行或多行代码块,并同样使用 ```来表示代码块到此为止。还可以在第一行中给出代码使用的具体语言。例如:
```python
# 这是在markdown中插入的python代码块
for i in range(10)
print i
```
# 这是在markdown中插入的python代码块
for i in range(10)
print i
10. 链接
(1)直接展示链接<URL>
百度:\<https://www.baidu.com>
(2)超链接:[链接名称](链接地址)
[百度](https://www.baidu.com)
(3)引用式超链接(类似注脚)
[百度][URL1]
(空一行)
[URL1]:https://www.baidu.com
11. 图片
(1)直接展示:![无法加载时显示](URL “鼠标悬浮图片时所显示内容”)
![无法加载时显示](https://img-blog.csdnimg.cn/img_convert/61c8823690ad65ee4fc8ac20aa6d7f6b.png)
(2)引用展示
![无法加载时显示][image]
(空一行)
[image]:https://i-blog.csdnimg.cn/blog_migrate/20089d954e807425410234595a90f1b5.jpeg "鼠标悬浮图片时所显示内容"
(3)调整图片的尺寸
Markdown 还没有办法指定图片的高度与宽度,如果需要的话,可以使用html中的 <img> 标签。
<img src="https://i-blog.csdnimg.cn/blog_migrate/c2ddf1d3d3b10d547eb7391ae668936f.png" width="25%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/20089d954e807425410234595a90f1b5.jpeg" width="25%">
12. 待办事宜 Todo 列表
使用带有 [ ] 或 [x] (未完成或已完成)项的列表语法撰写一个待办事宜列表,并且支持子列表嵌套以及混用Markdown语法,例如:
- [ ] **七月旅行准备**
- [ ] 准备邮轮上需要携带的物品
- [ ] 浏览日本免税店的物品
- [x] 购买蓝宝石公主号七月一日的船票
- 七月旅行准备
- 准备邮轮上需要携带的物品
- 浏览日本免税店的物品
- 购买蓝宝石公主号七月一日的船票
13. Markdown进阶
(1)支持Latex公式
①行内公式排版: $ c = \sqrt{a^{2}+b_{xy}^{2}+e^{x}} $
c = a 2 + b x y 2 + e x c = \sqrt {a^{2}+b_{xy}^{2}+e^{x}} c=a2+bxy2+ex
②块公式排版:$$ c = \sqrt{a^{2}+b_{xy}^{2} +e^{x}} $$
c = a 2 + b x y 2 + e x c = \sqrt{a^{2}+b_{xy}^{2} +e^{x}} c=a2+bxy2+ex
(2)绘制流程图、时序图、甘特图
支持Markdown语言的编辑器很多,但是不是所有都支持流程图、时序图和甘特图的绘制。主要有以下:
Typoro(支持)
Cmd Mrakdown(支持):https://www.zybuluo.com/mdeditor
MarkdownPad(支持):http://markdownpad.com/
CSDN(支持):https://www.csdn.net
Jupyter Notebook(不支持)
有道云笔记(不支持):http://note.youdao.com/
其他:简书、小书匠、VScode、马克飞象、Mark Text等。
外部参考:
【Markdown语言】
CSDN
CSDN官方Markdown文档
Markdown语法图文全面详解(10分钟学会):https://blog.csdn.net/u014061630/article/details/81359144?spm=1001.2014.3001.5506
markdown编辑器语法——文字颜色、大小、字体与背景色的设置:https://blog.csdn.net/manjianchao/article/details/53668280?spm=1001.2014.3001.5506
markdown 中的一些 html 使用属性:https://blog.csdn.net/smilejiasmile/article/details/89511888?spm=1001.2014.3001.5506
Markdown的 支持HTML使用方法:https://blog.csdn.net/qq_44123730/article/details/103272722?spm=1001.2014.3001.5506
Markdown进阶(更改字体、颜色、大小,设置文字背景色,调整图片大小设置居中):https://blog.csdn.net/heimu24/article/details/81189700?spm=1001.2014.3001.5506
菜鸟教程
Markdown教程:https://www.runoob.com/markdown/md-tutorial.html
Cmd Markdown
Cmd Markdown 简明语法手册:https://www.zybuluo.com/mdeditor url=https://www.zybuluo.com/static/editor/md-help.markdown
Cmd Markdown 高阶语法手册:https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册
【 Latex编辑公式】
CSDN
最全 Markdown + Latex 编写技巧:https://blog.csdn.net/HaleyPKU/article/details/80341932?spm=1001.2014.3001.5506
Cmd Markdown
Cmd Markdown 公式指导手册(部分语法在纯markdown编辑器中无法显示) https://ericp.cn/cmd
简书
有LaTeX的深厚底蕴,Markdown是果然最美的编辑语言!!:https://www.jianshu.com/p/16fbd768bfe7
Markdown中的LaTeX格式:https://www.jianshu.com/p/8c46e915c45e
【 Markdown绘制流程图、时序图、甘特图】
CSCD
CSDN官方Markdown文档
Cmd Markdown
Cmd Markdown 高阶语法手册:https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册