快速上手

Mr.Hope ... 2022-6-1 大约 3 分钟

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

提示

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

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

# 一键启用

你可以在选项中 enableAll 设置为 true 来启用插件的所有功能。

警告

请仅将此选项用于体验或测试。随着时间的增长，vuepress-plugin-md-enhance 变得越来越强大。它为 Markdown 解析器添加了更多语法，并输出了更多代码。

启用不需要的功能将增加开发和构建时间。 (markdown-it 必须检查额外的语法)

同样，幻灯片演示功能将在输出中添加 700KB 大小的代码 (主要是 reveal.js)。

因此，请使用下面的选项，仅启用需要的功能。

# 新增的更多语法

# 选项卡

查看详情

# 代码块

查看详情

# 自定义对齐

我是居中的

我在右对齐

查看详情

# 上下角标

19^th H₂O

查看详情

# 脚注

此文字有脚注^[1].

查看详情

# 标记

你可以标记重要的内容。

查看详情

# 任务列表

计划 1
计划 2
查看详情

# 图片增强

支持设置颜色模式和大小

查看详情

# 图表

一个散点图案例

查看详情

# Echarts

一个折线图案例

查看详情

# 流程图

查看详情

# Mermaid 图表

查看详情

# Tex 语法

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

查看详情

# 导入文件

File not found

查看详情

# 代码演示

一个普通 Demo

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

1
2

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

1
2
3

span {
  color: red;
}