MarkDown 学习日记（十分钟快速掌握，带你写简书）

写简书，发现富文本编辑有点不够用了，
所有将学习markdown的过程记录下来，供大家参考

一、标题

标题的文字前面加#来表示，支持六级标题

#一、标题
######标题的文字前面加#来表示，支持六级标题

 

二、字体

斜体 加粗 加粗并且斜体 删除

*斜体*  **加粗**  ***加粗并且斜体***  ~~删除~~

 

三、颜色

语法：$\color{文本颜色}{文本内容}$

这是一段带有的文字
带有颜色的是英文字母为斜体

这是一段带有$\color{green} {蓝色文本内容} $的文字
带有颜色的$\color{#f00}{cyan-blue}$是英文字母为斜体

 

四、引用

这里是一段引用文字，引用的文字前加>即可

>这里是一段引用文字，引用的文字前加>即可

 

五、分割线

---

---

---  ***

 

六、图片

语法：[图片上传失败...(image-323a2a-1561529199584)]，直接复制一个图片路径到编辑器，然后前面加上感叹号！即可

https://dummyimage.com/200x150&text=img

![https://dummyimage.com/200x150&text=img](https://dummyimage.com/200x150&text=img)

 

七、超链接

语法：超链接名，直接复制一个链接到编辑器即可

微度http://sayfocus.com/

微度[http://sayfocus.com/](http://sayfocus.com/)

 

八、列表

无序列表,- + * 任何一个都可以，与内容之间需要空格

• 无序列表
• 无序列表
• 无序列表

* 无序列表

有序列表,数字加点，与内之间需要空格

1. 有序列表
2. 有序列表
3. 有序列表

1. 有序列表
2. 有序列表
...

列表嵌套，上一级和下一级之间需要三个空格或tab键

• 无序列表
  1. 有序列表
  2. 有序列表
  3. 有序列表
• 无序列表
• 无序列表

* 无序列表
  1. 有序列表
  2. 有序列表
  3. 有序列表
* 无序列表
* 无序列表

 

九、表格

语法：

居右|居中|居左
-:|:-:|:-
内容|内容|内容
内容|内容|内容

第二行分割表头和内容,-有一个就行，为了对齐，多加了几个
文字默认居左，两边加：表示文字居中，右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略，如下

|居右|居中|居左|
|-:|:-:|:-|
|内容|内容|内容|
|内容|内容|内容|

居右	居中	居左
内容	内容	内容
内容	内容	内容

居右|居中|居左
:-:|:-:|:-:
内容|内容|内容
内容|内容|内容

 

十、代码

单行代码：代码之间分别用一个反引号包起来

<script src="[https://cdnjs.com/libraries/avalon.js](https://cdnjs.com/libraries/avalon.js)">

`代码行`

代码块：用三个反引号包起来，两边的反引号单独占一行

<script src="[https://cdnjs.com/libraries/avalon.js](https://cdnjs.com/libraries/avalon.js)"></script>
<script>
            var vm = avalon.define({
                $id: "testId",
                name: "木的土纪"
            })
</script>
<div ms-controller="testId"> <p>Hello,{{name}}</p></div>

```代码块```

---

 

• 参考链接 https://www.jianshu.com/p/191d1e21f7ed