markdown-preview-enhanced的使用

自定义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

发布了449 篇原创文章 · 获赞 17 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/enthan809882/article/details/104313692