学习书籍: 《了不起的markdown》
文中所有图片均摘自《了不起的markdown》原图
一)基础语法
- 标题
1.1 使用底线 :- 或者=
![4302bceeb359acc46f080079ea55dc27.png](https://i-blog.csdnimg.cn/blog_migrate/b79bfd2bfc55e7ad7ad9460a80fafbbb.png)
说明:底线符号最少两个
1.2 使用#
![1e43c537f5cd3a92026a95b77dd4be61.png](https://i-blog.csdnimg.cn/blog_migrate/e64a2c596c8d2b852b1a58632cfd2669.png)
说明:最多使用前6级标题;建议再#后加一个空格。建议标题前后均空一行,便于阅读。
2.粗体斜体
2.1 粗体与斜体:
![b923f24e39b7dbe1a0851b7338d10106.png](https://i-blog.csdnimg.cn/blog_migrate/d4485977d35f0d4e650fe52e9ec320ef.png)
2.2 段落与换行
![166572fd5e5f339777c7ef1d94a24a82.png](https://i-blog.csdnimg.cn/blog_migrate/2ea81192b90876d4e13d2a99c4ebf95d.jpeg)
3. 列表
3.1 有序列表 :数字序号+英文句号+空格+列表内容
![8db0862cf4bd88de14fd7e097572f8b9.png](https://i-blog.csdnimg.cn/blog_migrate/a9a645d518438476a723e60f3e8fca79.png)
3.2 无序列表:* /+/-+空格+列表内容
![f5d6f32c0e424cdfcfd9da8aee5a8a5e.png](https://i-blog.csdnimg.cn/blog_migrate/7baaf2d85835993f8ef793ee21e1f082.jpeg)
3.3 嵌套列表
![e9ffc714a412f697b511e60e2b6b3a78.png](https://i-blog.csdnimg.cn/blog_migrate/db7c96c4e68e65f18151cd84612edbee.png)
说明,建议使用 - 标记无序列表;*容易与粗体和斜体弄混淆,+不常用。记得数字与字符列表之后要加空格
4. 分割线
![e0b262ac94533d43d0cb0853123fa482.png](https://i-blog.csdnimg.cn/blog_migrate/55fb1fe066a92f67df53c482a36aed97.png)
说明:由3个以上的* /-/_来标记。
5.图片
![ccfdbeeaf6275e14c48be67901a29752.png](https://i-blog.csdnimg.cn/blog_migrate/8b3f7e4e2acf243ca3b0827b3b1f2178.jpeg)
说明:语法:![图片替代文字][图片地址]
6.链接
[链接文字][链接地址]
![cb8ad262976543a9216c0b0629be2b4f.png](https://i-blog.csdnimg.cn/blog_migrate/22dbb2c19451656bd9ccc406358721d3.jpeg)
说明,第二种方法可读性好一些。不以Http/https开头。
网址链接:将网络地址或邮箱地址使用<>包裹起来会被自动转换为超链接。这个尽量以http/https开头。
![75cbe05a050c654fad45f13b72497caa.png](https://i-blog.csdnimg.cn/blog_migrate/261f4204bd8ebbd61c45f13a2ae1ec0a.png)
7. 行内代码与代码块
![daf62fb34eca14beaaa4ff86f910fbeb.png](https://i-blog.csdnimg.cn/blog_migrate/4538dc3a26d271eea4b6edd73fd36605.png)
8.引用
![de22adf1ca80d633849e0d13ee5bc158.png](https://i-blog.csdnimg.cn/blog_migrate/9294c7f638d418ebcf4bacf3df301f8e.jpeg)
说明:引用由>+引用内容来标记。建议再> 之后添加一个空格。
9.转义
![ce95c1a6a23fefe37f0b7cbf39c19ee6.png](https://i-blog.csdnimg.cn/blog_migrate/cfc46e414b7e477fcb3859d48bba72b1.png)
这些转义可以做到原符号输出。
二)扩展语法GFM
1.删除线
![dc2b41bcbe86d799fe9487c32501eb47.png](https://i-blog.csdnimg.cn/blog_migrate/ad72e225333166866a99669729cf66d3.png)
2.表情符号
![b279aaccdfb9c0b9d7f67a6275afefc7.png](https://i-blog.csdnimg.cn/blog_migrate/b72eb85cd81c483591c0334515f0d225.png)
表情符号请参考:Emoji cheat sheet for GitHub, Basecamp and other services
3.自动链接
![298fd93e98844aa8e5b0747096437039.png](https://i-blog.csdnimg.cn/blog_migrate/e223494cd1e68532ccddbd981f166204.png)
说明:自动链接只识别以www或http://开头的URL地址;不使用时,请如下:`http://www.baidu.com`
4.表格
![75fa881b148fb843493f90427397ba93.png](https://i-blog.csdnimg.cn/blog_migrate/6ef143d3fea2f7d4896746880d99c33c.jpeg)
说明:建议表格前后均空一行。默认左对齐;:----:为中对齐;----:为右对齐
5.任务列表
![4864a8f8653ce6597aa90e1180202afe.png](https://i-blog.csdnimg.cn/blog_migrate/80c35c99efb36f98b6156567fb677138.png)
说明:x尽量小写。
6.围栏代码块
![fd0a341ff2d307689d5f9346f0b2544a.png](https://i-blog.csdnimg.cn/blog_migrate/d1576979aa0dfb2e71b88a92a327f54b.jpeg)
7.锚点或者称书签
![6554d410844ca33324e4ac2be7a62cb9.png](https://i-blog.csdnimg.cn/blog_migrate/80604b39de24f09dca8058971c17df36.png)
![37ed852e745fee7f5c1a7251e4432e12.png](https://i-blog.csdnimg.cn/blog_migrate/1b230c890b509914915a290e70959706.png)
![976892dc168527128b3bc774b8d50e95.png](https://i-blog.csdnimg.cn/blog_migrate/2686358ede24b867965c05ba10b6031e.png)
说明:锚点名建议使用字母,数字;区分英文大小写;不能有空格和特殊字符。在渲染过后的html文件中可以实现跳转。
三)排版技巧
详细看书籍中的内容,不做过多笔记了。