markdown-preview-enhanced的使用
原创
©著作权归作者所有:来自51CTO博客作者chushiyunaaa的原创作品,请联系作者获取转载授权,否则将追究法律责任
文章目录
- 支持的文件类型
- 导入图片
- 引入在线文件
自定义js样式
packages | command palette | toggle (ctrl+shift+p或f3) 打开命令窗口,输入:
Markdown Preview Enhanced: Customize Css
会打开less.css文件( 该文件在 ~/.mume/style.less ),输入样式即可。
导入外部文件
用法:
@import "ttt.md"
<!-- @import "ttt2.md" -->
支持的文件类型
.jpeg(.jpg), .gif, .png, .apng, .svg, .bmp 文件将会直接被当作 markdown 图片被引用。
.csv 文件将会被转换成 markdown 表格。 (不是xlsx)
.mermaid 将会被 mermaid 渲染。
.dot 文件将会被 viz.js (graphviz) 渲染。
.plantuml(.puml) 文件将会被 PlantUML 渲染。
.html 将会直接被引入。
.js 将会被引用为 <script src="你的 js 文件"></script>。
.less 和 .css 将会被引用为 style。目前 less 只支持本地文件。.css 文件将会被引用为 <link rel="stylesheet" href="你的 css 文件">。
.pdf 文件将会被 pdf2svg 转换为 svg 然后被引用。
markdown 将会被分析处理然后被引用。
其他所有的文件都将被视为代码块。
导入图片
@import "01.png" {width="300px" height="200px" title="图片的标题" alt="我的 alt" }
引入在线文件
@import “https://raw.githubusercontent.com/shd101wyy/markdown-preview-enhanced/master/LICENSE.md”
更多见地址:
https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/file-imports