Get Started

Mr.Hope ... 2020-1-7 About 1 min

By installing and enableing 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 (opens new window).

# Enable all

You can set themeconfig.mdEnhance.enableAll to enable all features of the md-enhance (opens new window) plugin.



 
 
 



module.exports = {
  themeConfig: {
    mdEnhance: {
      enableAll: true,
    },
  },
};
1
2
3
4
5
6
7

Warning

Please use this option ONLY for playing or testing.

As time grows,vupress-plugin-md-enhance is becoming more powerful. It’s adding more syntax to Markdown parser and more code to output.

Enabling features you don’t need will increase dev and build time. (markdown-it has to check for extra syntaxs)

Also, presentation feature will add a 700KB size chunk (mostly is reveal.js) to your output.

Please use the options below and enable ONLY the feature you want to use.

# New Feature

# Superscript and Subscript

19th H2O

# Align

I am center

I am right align

# Footnote

This text has footnote[1].

# Mark

You can mark important words .

# Tasklist

# Flowchart

# Mermaid

# Tex

rωr(yωω)=(yωω){(logy)r+i=1r(1)ir(ri+1)(logy)riωi}\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\}

# Code Demo

<h1>Mr.Hope</h1>
<p>Is <span id="very">very</span> handsome</p>
1
2
document.querySelector("#very").addEventListener("click", () => {
  alert("Very handsome!");
});
1
2
3
span {
  color: red;
}
1
2
3

# Presentation


  1. This is footnote content ↩︎