外观
markdown-guide.md---
title: Vuepress Markdown 写作
---
## 文件头
```yaml
---
title: title
createTime: yyyy/mm/dd
categories:
- category1
tags:
- tag1
---
```
## 扩展语法
### 剧透
:::demo markdown
```md
!!剧透!!
```
:::
### 高亮
:::demo markdown
```md
==高亮==
```
:::
### 任务列表
:::demo markdown
```md
- [x] 1
- [ ] 2
```
:::
### 注释
:::demo markdown
```md
需要注释[+注释id]
[+注释id]: 一个注释
[+注释id]:
可以添加多个注释,
缩进形式的注释可以多行。
```
:::
## 修改 HTML
### 添加 HTML 属性
:::demo markdown
```md
red {#pp .a .b style="color:red"}
```
:::
:::tip
- 相当于 `id="pp" class="a b" style="color:red"`
:::
## 容器语法
### 容器嵌套
:::::demo markdown
```md
::::tip outer
:::tip inner
Hi
:::
::::
```
:::::
## 容器大全
### 普通容器
::::demo markdown
```md
:::tip 容器标题
支持:`important` `info` `note` `tip` `warning` `danger` `details`
:::
```
::::
### 定理容器
这是 PhantomBird 魔改的。
::::demo markdown
```md
:::theorem
流萤非常可爱。
:::
:::proof
即得易见平凡,仿照上例显然。留作习题答案略,读者自证不难。
反之亦然同理,推论自然成立。略去过程Q.E.D.,由上可知证毕。
:::
:::definition
你说的对,但是《原神》是由米哈游自主研发的一款全新开放世界冒险游戏。游戏发生在一个被称作「提瓦特」的幻想世界,在这里,被神选中的人将被授予「神之眼」,导引元素之力。你将扮演一位名为「旅行者」的神秘角色,在自由的旅行中邂逅性格各异、能力独特的同伴们,和他们一起击败强敌,找回失散的亲人。
:::
:::lemma
二楼一定要盖在一楼上。
:::
:::problem
流萤非常可爱,所以你要和她玩一个游戏。后面忘了。
:::
:::analyzation
本题可以使用点燃星海法求解。
:::
:::solution
溶液。
:::
```
::::
### details 容器
::::demo markdown
```md
:::details
Hi
:::
```
::::
### 对齐
::::demo markdown
```md
:::center
center
:::
```
::::
### 分页
::::demo markdown
```md
::: tabs
@tab Hi
Hi
@tab Hello
Hello
:::
```
::::
### 分页(代码)
::::demo markdown
````md
::: code-tabs
@tab Ciao
```
Ciao
```
@tab Ciallo
```
Ciallo
```
:::
````
::::
### Markdown 演示
Markdown 演示不能嵌套。
````md
:::demo markdown
```md
demo `demo` $demo$
```
:::
````
## 字体
### 连字箭头与表情
::::demo markdown
```md
-> --> <==>
:) :( :P :D
```
::::
## MarkdownIt 插件语法
### 注音
此功能由 `markdown-it-ruby` 包提供。
:::demo markdown
```md
{魑|chī}{魅|mèi}{魍|wǎng}{魉|liǎng}
{$\LaTeX$|$\Large\tt Goood$}
```
:::
### 合并单元格
此功能由 `markdown-it-table-merge-cells` 包提供。
:::demo markdown
```md
| 横向 `==` | == |
| :----------: | :----: |
| 纵向<br/>`^^` | 你学会 |
| ^^ | 了吗 |
```
:::