Markdown Preview Plus Chrome插件使用

今天药忘吃喽~ 2024-03-26 22:29 60阅读 0赞

#### Markdown Preview Plus Chrome插件使用 ####

*  1.插件说明
 *  2.插件下载
 *  3.插件配置
 *  4.文档样式
 *   *  4.1 网页显示
     *  4.2 导出PDF

> 系统：Win10  
> Chrome：113.0.5672.127  
> Markdown Preview Plus：0.7.3

## 1.插件说明 ##

一般 markdown 工具自带的预览功能比较简单，插件的开发者比较习惯使用 vim 编辑文件，虽然现在有不少带即时预览功能的 markdown 编辑工具，仍然无法适应，为了方便预览 markdown 格式的文件，Markdown Preview Plus 插件就诞生了，它能够自动把 Markdown 转换为 HTML 语法并进行显示。而且，每次当你在 Vim 中保存 Markdown 文件后，还能自动刷新，而且通过 Chrome 浏览器可以打开预览 markdown 文件并导出为 PDF。

## 2.插件下载 ##

插件下载网站：[https://www.cnplugins.com/office/markdown-preview-plus][https_www.cnplugins.com_office_markdown-preview-plus]  
官方下载链接：[https://www.cnplugins.com/uploads/plugins/201902/markdown-preview-plus-0.7.3.crx][https_www.cnplugins.com_uploads_plugins_201902_markdown-preview-plus-0.7.3.crx]  
如果 crx 下载后直接删除的话，将 Chrome 中下载设置：下载前询问每个文件的保存位置 功能打开，下载时将插件后缀改为 zip 即可  
![在这里插入图片描述][db211291983045289ed9f10918451bfa.png]

## 3.插件配置 ##

点击 Chrome 上的该插件图标，选择 Options 进行设置  
![在这里插入图片描述][a4ebbac5267c4b4c853b8b96af6231df.png]

在设置页，默认的 CSS 改为 YetAnotherGithub（这个样式我感觉打印下来我最喜欢，根据个人喜好选择），下面的支持的拓展，我改为了只识别 md 结尾的文件  
![在这里插入图片描述][57127953d3844b9db2495c4a3a0560f3.png]

## 4.文档样式 ##

### 4.1 网页显示 ###

装好插件后再使用 chrome 浏览器打开 markdown 文档，发现就是我想要的样式了，条条框框的，蛮好看的  
![在这里插入图片描述][3893014eb34c49aa8fc3465d8bc1135a.png]

### 4.2 导出PDF ###

在当前网页使用 Ctrl+P 快捷键，打印该 markdown 文件到 PDF 即可  
![在这里插入图片描述][1f9a3dc2f27146e9ac2c2926ac3f4486.png]

[https_www.cnplugins.com_office_markdown-preview-plus]: https://www.cnplugins.com/office/markdown-preview-plus
[https_www.cnplugins.com_uploads_plugins_201902_markdown-preview-plus-0.7.3.crx]: https://www.cnplugins.com/uploads/plugins/201902/markdown-preview-plus-0.7.3.crx
[db211291983045289ed9f10918451bfa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/2e0c206ac80e47c5bf50a594914d6d32.png
[a4ebbac5267c4b4c853b8b96af6231df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b8b0257e3fa74335ae383460ed5d12fd.png
[57127953d3844b9db2495c4a3a0560f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/85c33df2b6a04379b5b4f46786c78ab2.png
[3893014eb34c49aa8fc3465d8bc1135a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/92972ee1432e4335820dc256364e5949.png
[1f9a3dc2f27146e9ac2c2926ac3f4486.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/9ab00883dd9743a6b8173bbb7099f8c7.png