这只是一遍Markdown练习笔记,学习Markdown语法的同时随手做个笔记。
Markdown编辑器与普通富文本编辑器的优劣对比
- 富文本编辑器:像word一样,所见即所得的编辑器
- Markdown编辑器: 输入文本的同时输入标记字符,需要手动切换进预览模式查看处理效果,Markdown本身也是一种标记语言。
Markdown编辑器 | 富文本编辑器 |
---|---|
1. 需要记住一些语法 | 1.修改文章内容格式比较麻烦,需要选中再点击格式 |
2.不是所见即所得,没有那么直观 | 2.所见即所得,可以看到直观的效果 |
3.有时候需要打更多的符号 | 3.不需要输入太多的符号 |
4.手机上格式更多,可以添加表格 | 4.没有表格 |
5.格式更加的丰富 | 5.格式不够丰富 |
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Command + F
替换:Command + G
标题
直接输入一次#,后面再跟个空格,将生成一级标题。
输入两次#,并按下一个空格后,将生成二级标题。
以此类推,Markdown支持6级标题,合理的创建标题,有助于目录的生成。
文本样式
*强调文本* _强调文本_
**加粗文本** __加粗文本__
==标记文本==
>引用文本
H~2~O is是液体。
2^10^ 运算结果是 1024。
强调文本
加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024。
代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.
// An highlighted block
var foo = 'bar';
列表
## 随便生成一个列表
- 项目
* 项目
+ 项目
1. 项目1
2. 项目2
3. 项目3
- [ ] 计划任务
- [x] 完成任务
随便生成一个列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
表格
## 创建一个表格
姓名 | 性别
- | -
张三 | 男
李四 | 男
王五 | 男
### 设定内容居中、居左、居右
使用`:---------:`居中
使用`:----------`居左
使用`----------:`居右
| 第一列 | 第二列 | 第三列 |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
创建一个表格
姓名 | 性别 |
---|---|
张三 | 男 |
李四 | 男 |
王五 | 男 |
设定内容居中、居左、居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
插入链接和图片
链接: [link](https://www.csdn.net/).
图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
链接: link.
图片:
居中的图片:
带尺寸的图片:
居中并且带尺寸的图片:
为了让用户更加便捷Markdown还增加了图片拖拽的功能。