了解Markdown
人们在网上发布的文章大多都是通过 富文本编辑器 将所写内容+排版转换为Html格式,所显示出来。
而如今有了Markdown,人们能够更加方便地对文章进行排版修饰。
∴ Markdown 是一种常见的 标记语言 (非编程语言),它能帮助我们 快速排版文档。
如今我们能在 有道云笔记、Github 等各类 软件/网站 中看见Markdown的身影。
![a8e1b6d2cf7f7219b2a109cb0d9e7a9b.gif](https://i-blog.csdnimg.cn/blog_migrate/6b2d9b505bcdd3d1b9bf2ce1f2a33a93.gif)
![b34d1022a5424c1d8ce1eb72fe0119c5.gif](https://i-blog.csdnimg.cn/blog_migrate/1801f3b912356f9e88329b3591bbce3d.gif)
Markdown常用用法
标题
Markdown中有六种标题,用#表示,字体大小逐渐递减
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
![fe217f64e8b64775e77c49dc965ac08a.png](https://i-blog.csdnimg.cn/blog_migrate/f7f845a9af56b9bfa2d9c2054cb5b8d7.jpeg)
换行
Markdown有两种换行方式:
- </br> 使用html中的换行标签
- 两个回车
方法1:
</br>
使用html中的“换行标签”换行
方法2:
两个回车
![2ef89644948a0a1a687f413a5aeaabc1.png](https://i-blog.csdnimg.cn/blog_migrate/15e9e85bfaf069be6f0323c5e8192f40.png)
分割线
Markdown有两种换行方式:
- 用 ***(3个*号)表示
- <hr/> 使用html中的换行标签
看
***
分割线
<hr/>
![cbb798eae49523237cbdf31514b8801b.png](https://i-blog.csdnimg.cn/blog_migrate/7ee7e1a16e8f684fa570132329b4d0f5.png)
引用
Markdown中引用直接使用 >(大于号)即可
> 引用话语
![e6cc9cf65db04ac456acc68125d91193.png](https://i-blog.csdnimg.cn/blog_migrate/c5ecbb1baeed00a638ce964eb022c04b.png)
转义
当我们在符号前加上 它就会转义,不会产生应有效果
> 不是引用
</br>
# 不是标题
![409aa07f6ff4a274c7074186b2887134.png](https://i-blog.csdnimg.cn/blog_migrate/c4b6abfac34df36fd69da77038e6d18d.png)
常见字体效果
在Markdown中有4种常见字体效果:斜体、加粗、高亮、划线
*斜体*
**加粗**
==高亮==
~~划线~~
![33cc09ec90fbdda3ed41c767683997ca.png](https://i-blog.csdnimg.cn/blog_migrate/1b6eecc2a73f1631a6ff990c10b2a89a.png)
待办事项
- [ ] 未完成事项
- [x] 已完成事项
![963fad382b53e2bc04cb08b8c0697a30.png](https://i-blog.csdnimg.cn/blog_migrate/4c8b303d024ed4a7687a30d3e9f195fe.png)
超链接 & 图片
Markdown中 超链接 和 显示网页图片 其实差不多,就一个 ! 的区别
格式:
[显示文字](链接)
![图片无法显示时,显示的文字](图片链接)
示例:
[百度](http://www.baidu.com/)
![必应壁纸](http://h1.ioliu.cn/bing/VancouverFall_ZH-CN9824386829_1920x1080.jpg)
![4f9a658c5d59e16675bc1a2c9ba6845b.png](https://i-blog.csdnimg.cn/blog_migrate/860ed50cd8b66e5b5a761b179dda3599.jpeg)
代码高亮
格式
![01eb124726285a309f3aebd36294b2fe.png](https://i-blog.csdnimg.cn/blog_migrate/0e282e13a9c3b729e0e06e8f6fb30ef8.jpeg)
编程语言 & key 对应表(常用语言)
![ceccdc6537f31c330663da23c7a455f0.png](https://i-blog.csdnimg.cn/blog_migrate/1cd4a378dc55dddfaf1f69e2686eae1f.jpeg)
表格
格式:
标题1|标题2|标题3
-----|-----|----
内容1|内容2|内容3
内容4|内容4|内容4
![b5d4050819bd3a28d532f5b979e2d6d9.png](https://i-blog.csdnimg.cn/blog_migrate/fa8ceedc0225b390d6063fecc91b4ddb.png)
列表
在Markdown中有两种列表:无序列表(无数字)、有序列表(有数字)
无序列表:
- 列表1
- 列表1.1
- 列表1.2
![3ee274acfbb5c9f31d33ac43464f88cc.png](https://i-blog.csdnimg.cn/blog_migrate/05283153720fc88a32e60d6c3daddcbf.png)
有序列表:
1. 内容1
- 内容1.1
2. 内容2
3. 内容3
![f302996ec8b55494ff1486b919e22941.png](https://i-blog.csdnimg.cn/blog_migrate/9541fdc1a0d4bcfa2a5691af5cfac01b.png)
软件推荐
在文章的最后,推荐一款Markdown软件:Typora
Typora界面简洁、主题精美、支持多平台。
大家可以去尝试一下。
![2c1c722761cf8dac69d3970752fa1bd9.png](https://i-blog.csdnimg.cn/blog_migrate/111bdc4a6c107481cb4202b374724b00.jpeg)
补充内容 - 给Typora更换主题
接下来的内容是补充内容,会将如何给Typora更换主题,大家可以根据自己的需求选择是否阅读。
在Typora中自带了6个主题,我们我可以在上方的:菜单栏 - 主题,选择主题。
![a9bb1d0232d68aa89c1615a6b67644d1.png](https://i-blog.csdnimg.cn/blog_migrate/54e19d0a39ade8c02b982b6be9ab8166.png)
我们也可以到Typora官网 下载主题(下载好的主题是“压缩包”形式的)
下载好主题后,在Typora中选择:文件 - 主题 - 打开主题文件夹,将“解压缩的文件”放进去即可,接下来在主题中就能看见自己的主题啦!
![40c0308ca23e77d76b77f1c0317b5b07.png](https://i-blog.csdnimg.cn/blog_migrate/713444fe99ca4e6368c4a83a41453344.jpeg)
![fea904ec0199c911863e8438ae13e19a.png](https://i-blog.csdnimg.cn/blog_migrate/8dd224bc4e5eda83266d40a786f70250.png)