喜欢写作和经常撰写技术博客的人和程序员,想必一定听说过一款轻量级的标记语言——Markdown。
由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。
现在,支持Markdown的软件和网站有很多,包括但不限于:
- Typora
- 印象笔记
- 为知笔记
- 有道云笔记
- Ulysess
- Falcon
在这些众多的产品中,名气最大的就是Typora。这是一款功能强大的、免费、跨平台(支持Windows,Mac和Linux)的Markdown编辑器。我们在下面的介绍也是主要以Typora为主。
1. 多级标题
标题:Atx方式
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
对应效果如下:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
Typora快捷键:一到六级标题对应Ctrl+1~Ctrl+6,Ctrl+0可清除标题效果
标题:Setext方式
用底线的形式,利用 === (最高阶标题)和 ----- (第二阶标题),其中=或-可以为3个或以上
大标题
===
小标题
---
对应效果如下:
大标题
小标题
2. 有序列表
数字不能省略但可不按顺序编号(会自动识别纠错),点号之后的空格不能少
1. 有序列表
3. 有序列表
4. 有序列表
7. 有序列表
对应效果如下:
- 有序列表
- 有序列表
- 有序列表
- 有序列表
Typora快捷键:Ctrl+Shift+[ (先选中几行需要排序的列表,再使用快捷键;若不选中,只对光标所
在行起作用)
注意:
- 编号后,一定要有空格!
- 行末回车,序号会自动添加。
- 行末↓键,序号不会添加。
- 添加/删除某一行内容,序号会自动调整。
- 降级快捷键: Tab
- 升级快捷键: Shift+Tab
- 在列表中使用升降级,形成嵌套列表
3. 无序列表
符号之后的空格不能少,-+*效果一样
- 无序列表
+ 无序列表
* 无序列表
对应效果如下:
- 无序列表
- 无序列表
- 无序列表
注意:
- *,+或-后,一定要有空格!
- 有序列表和无序列表可以交错使用。
4.任务列表(待办列表)
-, [, ] 后,都一定要有空格!
- [ ] 引导学生重新审视笔记的价值。
- [ ] 讲解笔记的正确定位。
- [ ] 讲解优秀笔记的标准。
- [ ] 笔记工具的特征及选择。
对应效果如下:
- 引导学生重新审视笔记的价值。
- 讲解笔记的正确定位。
- 讲解优秀笔记的标准。
- 笔记工具的特征及选择。
Typora快捷键:无快捷键,通过鼠标操作。
选中文字一>段落一>任务列表
5. 代码块
前后各3个```
注意:不是单引号,而是特殊引号,在键盘左上角的“esc”下方的那个按键
补充:行内代码前后各一个`即可
Typora快捷键:
代码块Ctrl+Shift+K
行内代码Ctrl+Shift+`
注意:Typora内输入三个```然后回车即有代码块
相关设置:文件->偏好设置一>Markdown一>勾选【显示行号】->勾选【代码块自动换行】一>重启Typora
6. 代码高亮
代码高亮,以3个特殊引号(`)开头,并跟上代码语言,例如:python、java、javascript、ruby、perl、go、c、c++、bash等。
7. 插入图片
![Alt text](图片链接 "optional title")
Alt text:图片的Alt标签,用来描述图片的关键词,可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字,后来又被用于SEO,可以方便搜索引擎根据Alt text里面的关键词搜索到图片。
图片链接:可以是图片的本地地址或者是网址。
“optional title”:鼠标悬置于图片上会出现的标题文字,可以不写。
插入本地图片
只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。
![GitHub Mark](Markdown.assets/image.png)
![GitHub Mark](/Markdown.assets/image.png)
缺点:不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。
插入网络图片
只需要在基础语法的括号中填入图片的网络链接即可
![profile](https://img1.baidu.com/it/u=3919719799,2648211784&fm=253,"markdown YYDS")
Typora快捷键:
插入图片快捷键:Ctrl+Shift+i
相关设置:
文件->偏好设置->选择【复制图片到./S(filename).assets文件夹】->勾选【优先使用相对路径】->重启Typora
8.加粗斜体删除线
星号与下划线都可以,单个是斜体,双个是粗体,符号可跨行,符号可加空格,删除线用~
Markdown语法
**毫无疑问**
__粗体起强调作用__
*给我来杯
冰美式~*
_最好 吃的_
~~要不你还是把我删了吧~~
对应效果如下:
毫无疑问
粗体起强调作用
给我来杯
冰美式~
谢谢 兄dei
要不你还是把我删了吧
Typora快捷键:
加粗快捷键:Ctrl+B
斜体快捷键:Ctrl +I
9.插入表格
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
对应效果如下:
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
或者
项目 | 价格
-------- | ---
Computer | $1600
Phone | $12
Pipe | $1
对应效果如下:
项目 | 价格 |
---|---|
Computer | $1600 |
Phone | $12 |
Pipe | $1 |
Typora快捷键:插入表格Ctrl+T | |
10.更改字体、大小、颜色
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font size=6>我是尺寸</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>
对应效果如下:
我是黑体字
我是微软雅黑
我是华文彩云
我是尺寸
我是红色
我是绿色
我是蓝色
我是黑体,绿色,尺寸为5
11.分割线
-或_或*,符号可为3个或3个以上,但必须单独一行,可含空格
---
***
___
__ _
对应效果如下:
12.引用
> 这是一段引用
引用
>> 嵌套引用
>>> 三层嵌套
对应效果如下:
这是一段引用
引用嵌套引用
三层嵌套
引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等
> ## 这是一个标题。
>
> 1. 这是第一行列表项。
> 2. 这是第二行列表项。
>
> 代码:
>
> ```Html
> console.log('hello');
> ```
对应效果如下:
这是一个标题。
- 这是第一行列表项。
- 这是第二行列表项。
代码:
console.log('hello');
13.文字超链:Inline方式
在[]之间写入文字超链的名字,也可以叫提示,()中填入链接就可以了,“”中可以写Tooltips,也可省略。
[百度一下](https://www.baidu.com/ "百度")
对应效果如下:
百度一下
14. 自动链接
尖括号
<https://www.baidu.com/>
<123456@qq.com>
对应效果如下:
https://www.baidu.com/
123456@qq.com
Typora快捷键:将链接复制至剪切板,选中文字,按Ctrl+K 如:
15. 转义字符
Markdown中的转义字符为\,转义的有:
\\ 反斜杠
\` 反引号
\* 星号
\_ 下划线
\{\} 大括号
\[\] 中括号
\(\) 小括号
\# 井号
\+ 加号
\- 减号
\. 英文句号
\! 感叹号
\> 大于号
对应效果如下:
\ 反斜杠
` 反引号
* 星号
_ 下划线
{} 大括号
[] 中括号
() 小括号
# 井号
+ 加号
- 减号
. 英文句号
! 感叹号
> 大于号
16. 空格(段落缩进)
后面有2个空格  是吗 看前面有1个空格
欸  前面有3个空格
对应效果如下:
后面有2个空格 是吗 看前面有1个空格
欸 前面有3个空格