Get Started

By installing and enabling this plugin, you can use more syntax in your Markdown files.

Tips

don't worry about the size of your site. If you don't enable related features, the final code won't include code for these features.

At the same time, VuePress itself adds some Markdown syntaxes. You can view the official documentation.

New Feature

Tabs

apple

Apple

banana

Banana

orange

Orange

• View Detail

Code Tabs

pnpm

pnpm add -D vuepress-plugin-md-enhance

yarn

yarn add -D vuepress-plugin-md-enhance

npm

npm i -D vuepress-plugin-md-enhance

• View Detail

Superscript and Subscript

19^th H₂O

• View Detail

Align

I am center

I am right align

• View Detail

Attrs

A word having id.

• View Detail

Footnote

This text has footnote^[1].

• View Detail

Mark

You can mark important words.

• View Detail

Task List

• Plan A

• Plan B

• View Detail

Image Enhancement

Support setting title, color scheme and size

• View Detail

Card

Mr.Hope

---

Where there is light, there is hope

• View Detail

Chart

A Scatter Chart

• View Detail

Echarts

A line chart

• View Detail

Flowchart

• View Detail

Mermaid

• View Detail

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}\}$$

• View Detail

Include files

Tips

Hey how are you? 😄

• View Detail

Code Demo

A normal demo

<h1>VuePress Theme Hope</h1>
<p>Is <span id="very">very</span> powerful!</p>

document.querySelector("#very").addEventListener("click", () => {
  alert("Very powerful!");
});

span {
  color: red;
}

• View Detail

Stylize

Donate Mr.Hope a cup of coffee. Recommended

• View Detail

Playground

TS demo

• View Detail

Vue Playground

Vue Playground

• View Detail

Presentation

• View Detail

---

1. This is footnote content ↩︎