External import
About 1 min
To using new syntax inside Markdown to enhance content, you can also use <iframe>
or <img>
to import external links to enhance your Markdown content.
shields.io
You can use shields.io to generate lots of dynamic badges, such as the project's Stars, npm version number, downloads, etc.
Input:



Output:
You can also use it to generate static badges. You can customize the text, style, color and size by modifying the parameters.
Input:


Output:
Info
For detailed parameters and usage, please see Home.
Markmap
Markmap is a tool for converting Markdown into mind maps. It supports more format and content than the built-in flowchart of the theme.
- Use Markmap to generate mind map HTML file
- Place the HTML file under
.vuepress/public/
- Insert into Markdown via
<iframe>
Input:
<iframe
:src="$withBase('/markmap/demo.html')"
width="100%"
height="400"
frameborder="0"
scrolling="No"
leftmargin="0"
topmargin="0"
/>
Output: