写简书,发现富文本编辑有点不够用了,
所有将学习markdown的过程记录下来,供大家参考
一、标题
标题的文字前面加#来表示,支持六级标题
#一、标题
######标题的文字前面加#来表示,支持六级标题
二、字体
斜体 加粗 加粗并且斜体 删除
*斜体* **加粗** ***加粗并且斜体*** ~~删除~~
三、颜色
语法:$\color{文本颜色}{文本内容}$
这是一段带有的文字
带有颜色的是英文字母为斜体
这是一段带有$\color{green} {蓝色文本内容} $的文字
带有颜色的$\color{#f00}{cyan-blue}$是英文字母为斜体
四、引用
这里是一段引用文字,引用的文字前加>即可
>这里是一段引用文字,引用的文字前加>即可
五、分割线
--- ***
六、图片
语法:[图片上传失败...(image-323a2a-1561529199584)],直接复制一个图片路径到编辑器,然后前面加上感叹号!即可
![https://dummyimage.com/200x150&text=img](https://dummyimage.com/200x150&text=img)
七、超链接
语法:超链接名,直接复制一个链接到编辑器即可
微度[http://sayfocus.com/](http://sayfocus.com/)
八、列表
无序列表,- + * 任何一个都可以,与内容之间需要空格
- 无序列表
- 无序列表
- 无序列表
* 无序列表
有序列表,数字加点,与内之间需要空格
- 有序列表
- 有序列表
- 有序列表
1. 有序列表
2. 有序列表
...
列表嵌套,上一级和下一级之间需要三个空格或tab键
- 无序列表
- 有序列表
- 有序列表
- 有序列表
- 无序列表
- 无序列表
* 无序列表
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>
```代码块```