markdown语法
fanzheming 2020-04-18
markdown
# 1. 基本语法
- 二级标题
语法： ##符号，然后后面紧跟一个空格符号加上内容
- 三级标题
语法：###符号，然后后面紧跟一个空格符号加上内容
- 区块
这是一个区块，使用 > 符号 ，然后后面紧跟一个空格符号加上内容
- 字体
字倾斜了 语法是：*需要倾斜的字*
字加粗了 语法是：**需要加粗的字**
字被划了 语法是：~~需要被划掉的字~~
- 有序列表和无序列表
有序:
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
语法：数字后加 . 符号，然后直接加空格加内容
无序:
- Create a list by starting a line with
+,-, or* - Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
语法： 1级用 +符号, 2级用 -符号, 三级用 *符号
- 水平线
语法： _符号2个
- 行内代码
这是行内代码
语法是: `行内代码`
- 代码块
用 ``` 包裹一段代码，并指定一种语言（也可以不指定），不指定会没有提示色：
$(document).ready(function () {
alert('markdown');
});
1
2
3
4
2
3
4
用 ```js{2} 选择语言包裹后会显示提示色, 2表示高亮第2行:
$(document).ready(function () {
alert('markdown');
});
1
2
3
4
2
3
4
- 超链接
语法：[链接文字](链接地址) 这种用法适合只用一次
进阶用法: 预先定义一个或多个超链接： [1]: http://static.runoob.com/images/runoob-logo.png
然后在该引用的地方使用：这是一个 [菜鸟教程网站图标][1]
这样清晰有条理，方便管理，并且可以复用
- 插入图片
语法：
- 表格
| 表头 | 表头 |
|---|---|
| 单元格 | 单元格 |
| 单元格 | 单元格 |
语法如下:
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
1
2
3
4
5
2
3
4
5
- 支持的html元素
目前支持的 HTML 元素有：<kbd><b><i><em><sup><sub><br>等
参考链接：
# 2. vuepress扩展语法及内置组件
- 自定义容器
提示
这是一个提示
警告
这是一个警告
危险警告
这是一个危险警告
详情
这是一个详情块，在 IE / Edge 中不生效
语法如下：
::: tip
这是一个提示
:::
容器类型: "tip"|"warning"|"danger"|"details"
1
2
3
4
5
6
2
3
4
5
6
- vuepress-plugin-container插件 容器
可在./vuepress/config中多次定义
样式在./vuepress/styles/index.styl中添加
1
2
2
- 内置组件
徽章 提示
<Badge text="提示" type="tip" vertical="top"/>
type: "tip"|"warning"|"error" 默认:"tip"
vertical: "top"|"middle" 默认:"top"
1
2
3
2
3
参考链接：