什么是markdown
简单来说,markdown就是一个简单的标记语言。这些标记语言和html的一些标记相对应。通过一些转换库可以把markdown转换成html,或者把html转换成markdown。
为什么要使用markdown
- 与传统的富文本编辑器比较而言,markdown可以让作者更专注于“写作”本身,而不是排版。
- markdown让作者可以从繁琐的文章排版中解脱出来。
mardown内容是如何转换成好看的html的
- 我们在页面中使用markdown语法编写内容
- 提交后,markdown语法随同文章内容一起被保存在数据库中
- 预览时,后端程序利用转换库把markdown转换成html标签,然后放到页面中
- 页面中需要引入一些css,把转换后的html渲染的更好看
语法
标题
#符号的个数表示标题的层级,#后不要忘记空格
# 一级标题 h1
## 二级标题 h2
### 三级标题 h3
#### 四级标题 h4
##### 五级标题 h5
###### 六级标题 h6
段落
文字前后有换行就是段落
无序列表
- 加空格 就是一个无序列表的项。
- 无序列表1
- 无序列表2
- 无序列表3
- 无序列表1
- 无序列表2
- 无序列表3
有序列表
数字加点加空格就是一个有序列表的项。
1. 有序列表1
2. 有序列表2
- 有序列表1
- 有序列表2
在段落中插入代码块
以三个```包括代码即可(`符号就是数字1左边那个符号)
如:
var a = b;
console.log(a)
在文字中插入代码块
以单个`包含代码块即可
这里的一句文字中包好了一句代码: `console.log(a)` 使用单个符号即可
这里的一句文字中包好了一句代码: console.log(a)
使用单个符号即可
链接
\[]()
[]中写链接名称,()中写具体的url
如:
[必应](www.bing.com)
图片
与链接相似,只是多了一个感叹号
![]()
粗体与斜体
**加粗**
: 加粗
*斜体*
: 斜体
引用
>
大于号表示引用。 >后的内容就是引用的内容
我们真正需要恐惧的是恐惧本身 --- 罗斯福
表格
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
分割线
三个连续的星号表示一跳分割线
***
转换库
markdown的转换库前端,后端都有实现。
js中常用 markdown-js markdown-js