用简书已经很久了,只是之前一直很忙,没时间写文章,再加上自己也很懒,所以都不知道怎么用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
网友评论