[Tool]VSCode下Markdown简介与导出PDF

2023-06-13 11:42| 来源: 网络整理| 查看: 265

文章目录 markdown插件代码块 pdf导出配置使用

vscode中可方便编写md格式文档《Markdown使用简介与插入数学公式》，并导出到pdf。

markdown插件

vscode默认是支持Markdown的，但需要一些额外的插件来辅助。

Markdown All in One会自动把常用的markdown依赖项都安装好;Markdown Preview Enhanced：预览及生成PDF；Paste Image：从粘贴板中直接粘贴图片设置中选中‘Paste Image：Show File Path Confirm’；使用ctrl+alt+v快捷键粘贴图片 Excel to Markdown table：复制表格使用alt+shitf+v快捷键粘贴表格；表格内换行；

tab键处理：预览时有些缩进为8，为统一需要全部转换为空格：

按ctrl+shift+p在框中输入convert Indentation to Spaces；

tab按键无效（不产生缩进，而是跳到其他位置），按Ctrl+M（Toggle Tab moves focus），会切回正常模式

代码块

通过代码块，可方便插入代码；

文件 --> 首选项 --> 配置用户代码片段；找到markdown.json，然后输入要配置的代码段（输入prefix后，回车即会自动输入body下的内容）： "Print to ```go": { "prefix": "```go", "body": [ "```go", "$1", "```", ], "description": "go代码片段" }, "Print to ```py": { "prefix": "```py", "body": [ "```python", "$1", "```", ], "description": "python代码片段" }, 文件 --> 首选项 --> 设置 --> 打开设置（在设置的右上角）在settings.json文件中添加： "[markdown]":{ "editor.quickSuggestions": true } pdf导出

安装Markdown Preview Enhanced插件后，还需要安装prince软件，来导出pdf。

配置

安装prince软件后，需要把其路径添加到系统环境变量中。

在Path中添加prince的安装目录，如C:\Program Files (x86)\Prince\engine\bin

设定Prince-pdf样式（默认演示字体奇怪，且无序列表的缩进也很奇怪）。

按ctrl+shift+p在框中输入Markdown Preview Enhanced: Customize Css，然后输入：/* Please visit the URL below for more information: */ /* https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */ .markdown-preview.markdown-preview { font-family: Microsoft YaHei; /* prince配置 */ &.prince { /* PDF底部加页码 */ @page { @bottom { font-family: Microsoft YaHei; content: counter(page) " / " counter(pages) } } ul, ol { margin-left: 0.25rem; } li.inside { list-style-position: inside } li.outside { list-style-position: outside } } } 使用

在md文件首部输入目录标识（默认目录与正文之间没有空行，需要明确添加一个）：

@[toc]

右键，选择’Markdown Preview Enhanced: Open Privew to the Side’，在打开的浏览界面中，右键，选择’PDF(prince)'，即可导出PDF。

【本文地址】

公司简介

联系我们