在简书上使用Markdown编辑文章
2019-05-29 本文已影响0人
所幸时光未苍凉
用简书已经很久了，只是之前一直很忙，没时间写文章，再加上自己也很懒，所以都不知道怎么用Markdown编辑，后来上网查了一下资料，发现Markdown编辑器挺好用的，写的文章的格式比较清晰，对于程序员来讲真的是必备工具啊。
最近抽空总结了一下比较常用的编辑模式，如下：
Markdown语法编辑和使用
1.标题
Markdown语法：
# 一级标题 `<h1>`
## 二级标题 `<h2>`
###### 六级标题 `<h6>`
效果如下：
一级标题
二级标题
三级标题
四级标题
一共有六级
2.字体
- 粗体
**这是粗体**
__这是粗体__
效果如下：
这是粗体
这是粗体
- 斜体
*这是斜体*
_这是斜体_
效果如下：
这是斜体
这是斜体
3.列表
- 无序列表
* 列表一
* 列表二
* 列表三
效果如下：
- 列表一
- 列表二
- 列表三
- 有序列表
1. 列表一
2. 列表二
3. 列表三
效果如下：
- 列表一
- 列表二
- 列表三
4.外链接
[百度](https://www.baidu.com)
效果如下：
百度
5.文字引用
> 野火烧不尽，春风吹又生。
效果如下：
野火烧不尽，春风吹又生。
6.删除引用
~~删除这些~~
效果如下：
删除这些
7.分隔线
***
*****
- - -
效果如下：
8.行内代码块
使用 `代码` 表示行内代码块。
使用 `html` 表示行内代码块。
效果如下：
使用 html 表示行内代码块。
9.代码块
```js
function fancyAlert(arg) {
if(arg) {
$.facebox({div:'#foo'})
}
} ```
效果如下：
function fancyAlert(arg) {
if(arg) {
$.facebox({div:'#foo'})
}
}
10.注脚
使用 MarkDown[^1]可以提高书写效率，直接转换成 HTML[^2]
[^1]:MarkDown是一种纯文本标记语言
[^2]:HTML超文本标记语言
效果如下：
使用 MarkDown[1]可以提高书写效率，直接转换成 HTML[2]
11.任务列表
- [ ] 支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能
- [x] 修复 LaTex 公式渲染问题
- [x] 新增 LaTex 公式编号功能
效果如下：
- [ ]支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能
- [x] 修复 LaTex 公式渲染问题
- [x] 新增 LaTex 公式编号功能
12.图片
效果如下：
[图片上传失败...(image-591d60-1559113815785)]
13. 表格
| 项目 | 价格 | 数量 |
| -------- | -----: | :----: |
| 计算机 | \$1600 | 5 |
| 手机 | \$12 | 12 |
| 管线 | \$1 | 234 |
效果如下：
| 项目 | 价格 | 数量 |
|---|---|---|
| 计算机 | $1600 | 5 |
| 手机 | $12 | 12 |
| 管线 | $1 | 234 |
14. 流程图
```flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op```
效果如下（设置Preferences - Themes - Enable sequence & flow chart 才会看到效果 ）：
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
