快速上手

通过安装并启用此插件，你可以在 Markdown 中使用更多的语法。

提示

请不用担心你的网站大小，如果你不启用相关功能，最终代码不会包含这些功能相关的代码。

同时 VuePress 本身新增了一些 Markdown 语法，如果你对它们不熟悉，可以 查看官方文档。

新增的更多语法

选项卡

apple

Apple

banana

Banana

orange

Orange

• 查看详情

代码块

pnpm

pnpm add -D vuepress-plugin-md-enhance

yarn

yarn add -D vuepress-plugin-md-enhance

npm

npm i -D vuepress-plugin-md-enhance

• 查看详情

自定义对齐

我是居中的

我在右对齐

• 查看详情

属性支持

一个有 id 的 单词。

• 查看详情

上下角标

19^th H₂O

• 查看详情

脚注

此文字有脚注^[1].

• 查看详情

标记

你可以标记 重要的内容 。

• 查看详情

任务列表

• 计划 1

• 计划 2

• 查看详情

图片增强

支持设置标题、颜色模式和大小

• 查看详情

卡片

Mr.Hope

---

Where there is light, there is hope

• 查看详情

图表

一个散点图案例

• 查看详情

Echarts

一个折线图案例

• 查看详情

流程图

• 查看详情

Mermaid 图表

• 查看详情

Tex 语法

$$\frac{{\partial }^r}{\partial {\omega }^r}\left(\frac{y^{\omega }}{\omega }\right)=\left(\frac{y^{\omega }}{\omega }\right)\{(\log y{)}^r+\sum _{i=1}^r\frac{(-1{)}^{i}r\cdots (r-i+1)(\log y{)}^{r-i}}{{\omega }^i}\}$$

• 查看详情

导入文件

提示

你最近怎么样了? 😄

• 查看详情

代码演示

一个普通 Demo

<h1>VuePress Theme Hope</h1>
<p><span id="very">非常</span>强大!</p>

document.querySelector("#very").addEventListener("click", () => {
  alert("非常强大");
});

span {
  color: red;
}

• 查看详情

样式化

设置它没有任何效果，请不要这样使用

• 查看详情

交互演示

TS 案例

• 查看详情

Vue 交互演示

Vue 交互演示

• 查看详情

幻灯片

• 查看详情

---

1. 这是脚注内容 ↩︎