MarkDown学习之路
为什么要学习这个东西呢，因为最近发现学习前端没有笔记没两天就忘得差不多了，比较苦恼，想着做个笔记记录一下，方便后面查找,另外发现简书可以使用MarkDown的语法，虽然之前也学习了MarkDown但现在忘得一干二净了，所以就先来学习下MarkDown吧
[TOC]
-
MarkDown简介
MarkDown是一种轻量级的标记语言，排版语法简洁，让人更多的关注内容本身而非排版。它使用易读易写的除文本格式编写文档，可与HTML混编，可导出HTML、PDF以及本身的.md格式的文件。因简介、高效、易读、易写，MarkDown被大量使用，如GitHub、Wikipedia等网站，另各大博客：WordPress、Drupal、简书等。[1]
-
常用的语法
正片开始
1. 标题
MarkDown支持两种类型的标题语法：类Atx和类Setext语法规则
- 类Atx语法
# 一级标题
## 二级标题
### 三级标题
... ...
以此类推，共有六个级别的标题
*注：#后面有空格
- 类Setext语法
一级标题
=========
二级标题
-----------
*注：“-”或“=”数目任意，最好三个以上比较直观
2.粗体&斜体
- 粗体
**粗体**
__粗体__
语法说明：左右两边各两个星号或者下划线中间夹文字即可
- 斜体
*斜体*
_斜体_
语法说明：左右两边各一个星号或下划线中间夹文字即可
3.段落&换行
- 段落
1.直接敲两个回车
2.在上一段结尾敲两个空格，然后再回车
- 换行
在段落结尾处使用html语法<br/>进行换行
4.分割线
******(星号）
-------（减号）
======（等号）
______（下划线）
语法说明：可以在新的一行使用三个及以上数量的星号、减号、等号、下划线来生成分割线。
注：符号之间可以有空格，并且与上面的文本要空出一行，否则减号可能被当做类Setext语法生成二级标题
5.引言
使用“> ”可以生成一个多行的引用，不同的编辑器生成的效果会有所差别；
使用两个“> ”会生成嵌套的引用文本框。
注：“> ”要放在一行的最前面并且与文本之间有空格
6.列表
- 无序列表
* 列表
+ 列表
- 列表
语法说明：无序列表可以使用星号、加号、减号来表示，也可以三者混合使用；
推荐使用同一种，避免混乱。
- 有序列表
| 语法 | 效果 |
|---|---|
| 1. 列表 2. 列表 3. 列表 |
1.列表 2.列表 3.列表 |
| 2. 列表 5. 列表 8. 列表 |
1.列表 2.列表 3.列表 |
| 2. 列表 +. 列表 *. 列表 |
1.列表 2.列表 3.列表 |
语法说明：有序列表用数字夹英文状态下的句号加空格来生成
注：数字无序，还可以与无序列表的符号混用，不过为避免混乱，推荐使用“1. ”
7.代码
- 行内代码块
行内代码块使用“ ` ”反引号包裹就行，如果代码块中出现反引号则使用两个反引号包裹
- 段落代码块
1.使用三个反引号 “ ``` ”,并且可以在第一个（三个）反引号后面加上代码块的语言名称
2.在一个新段落前面使用“Tab”缩进两次
8.链接
- 网址链接
1.行内式：
绝对路径：[zm](https://www.jianshu.com/writer#/notebooks/39311575/notes/52281088/preview)
相对路径：[zm](/about.html "about")
2.参考式：
[百度][1] --- [1]:https://www.baidu.com/ "Baidu"
[谷歌][A] --- [A]:https://www.google.com/ (Google)
[360][ ] --- [ ]:https:// www.360.com/ (360)
[小米][] --- [小米]:https://www.xiaomi.com/
注：链接后面引号或者小括号中的是别名，可写可不写，并且可以用双引号、单引号、小括号包裹是一样的；
如果id（第二个中括号）为空则text（第一中括号）必须与链接的id（第三个中括号）保持一致；
这里的链接id可以是字母、数字、空格、标点符号，字母的话不区分大小写
- 图片链接
1.行内式
绝对路径：[图片上传失败...(image-545064-1565539852636)]
相对路径：[图片上传失败...(image-dab162-1565539852636)]
2.参考式
绝对路径：![百度][1]
[1]:https://www.baidu.com/ "Baidu"
注：图片链接与上面的网址链接类似，同样是两种形式：行内式和参考时，只不过图片链接前面多了个“!”感叹号，所以可以参照上面的使用。
- 指定图片的宽高
MarkDown一般不支持图片宽高的设置，若要指定图片的宽高，可以使用普通的<img />标签;
<img src="" width="" height="" title="" alt="" />
如果需要居中，可以在外围使用<div>标签包裹img
<div align="center">
<img src="" width="" height="" />
</div>
或者使用支持指定图片宽高的MarkDown编辑器：如Mou
[图片上传失败...(image-89d27-1565539852636)]
9. 删除线
没想到还有删除线之前没发现啊
~这是一个波浪线啊
~~ 被删除的文本 ~~
以上即是一些经常会用到的MarkDown语法规则，另外还有一些比如表格、目录、脚注....
下面做一些记录，以方便日后查询
-
进阶语法
1.目录
- html+MarkDown
- [TOC]
2.表格
| id | name | id | name
| --- | --- | ------ | ------
| 01 | xiaoming | 01 | xiaoming
| 02 | xiaobai | 02 | xiaobai
注：上面是两种不同的写法，大同小异，第二种只是一种简化后的写法；
另外还可以设置对齐方式，使用“:”分别放在“-----”左边或者右边就是左对齐或者右对齐，左右都有就是居中。
3.脚注
[^1] -------- [^1]:这里就可以写注释内容
4.特殊字符的转换
MarkDown可以使用反斜杠插入一些语法中有其他意义的符号
如：#、*、\、+、-、！ ... ...
*第一篇笔记End,很感谢辉哈大佬的教程，加油 (๑´ㅂ`๑) *
网友评论