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

alwaysrun

已于 2023-05-14 16:52:56 修改

阅读量2.1k

点赞数

分类专栏：工具文章标签： vscode pdf Markdown prince

于 2023-05-14 09:21:38 首次发布

本文链接：https://blog.csdn.net/alwaysrun/article/details/130665486

版权

工具专栏收录该内容

10 篇文章 3 订阅

订阅专栏

文章目录

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快捷键粘贴表格；
- 表格内换行<br>；

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
    }
  }
}