# 使用练习
用于练习markdown的各种语法来编辑博客,具体展示示例见vuepress官网指南 (opens new window)
# 基础语法
# 标题
暂不示例因为会形成侧边栏,二级标题带有分割线,在vuepress中默认从二级标题抽出侧边栏(层级2层)
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
# 字体
- 加粗:要加粗的文字左右分别用2个*号包起来
- 斜体:要倾斜的文字左右分别用1个*号包起来
- 斜体加粗:要倾斜和加粗的文字左右分别用3个*号包起来
- 删除线:要加删除线的文字左右分别用两个~~号包起来
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
# 引用
在引用的文字前加>即可,引用也可以嵌套。
>这是引用的内容
>>这是引用的内容
>>>这是引用的内容
示例:
这是引用的内容
这是引用的内容
这是引用的内容
# 分割线
三个或者三个以上的 - 或者 * 都可以。
----
***
示例:
# 图片
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。 图片title是图片的标题,当鼠标移到图片上时显示的内容。
![图片alt](图片地址)
示例:
图片引入:
<img :src="$withBase('/favicon.ico')" alt="foo">
![favicon](./favicon.ico)
示例:
# 超链接
[超链接名](超链接地址)
or新页面中打开:
<a href="https://www.baidu.com" target="_blank">百度</a>
# 列表
1、无序列表用 - + * 任何一种都可以
- 列表内容
+ 列表内容
* 列表内容
注意:- + * 跟内容之间都要有一个空格
示例:
- 列表内容
- 列表内容
- 列表内容
2、有序列表用 数字+加点+空格
1. 列表内容
2. 列表内容
3. 列表内容
注意:序号跟内容之间要有空格
示例:
- 列表内容
- 列表内容
- 列表内容
3、列表嵌套(上一级和下一级之间敲三个空格即可)
- 无序啊列表
- 列表内容
- 列表内容
- 列表内容
- 无序啊列表
- 列表内容
- 列表内容
- 列表内容
# 表格
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
:--- 文字默认居左
:--: 表示文字居中
---: 表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
示例:
姓名 | 技能 | 排行 |
---|---|---|
刘备 | 哭 | 大哥 |
关羽 | 打 | 二哥 |
张飞 | 骂 | 三弟 |
张名 | 喝 | 四弟 |
# 代码块
(```后加语言名进行高亮:比如+js)
代码...
代码...
代码...
# vuepress中的拓展语法
# 自定义容器
你也可以自定义块中的标题: 如::: warning+标题名
::: tip
这是一个提示
:::
::: warning
这是一个警告
:::
::: danger
这是一个危险警告
:::
::: danger 自定义标题的
这是一个危险警告
:::
::: details
这是一个详情块,在 IE / Edge 中不生效
:::
示例:
TIP
这是一个提示
WARNING
这是一个警告
DANGER
这是一个危险警告
自定义一个标题
这是一个危险警告
DETAILS
这是一个详情块,在 IE / Edge 中不生效
# Emoji
可以在Emoji列表 (opens new window)中找到所有可用通过:xx:可用
:tada: :100:
示例:🎉 💯 🤡
# 目录
通过下面语法可以直接获得本页md目录
[[toc]]
示例: