Markdown通过vscode生成PDF(带目录标签）

原创已于 2022-12-07 13:31:32 修改 · 1.3w 阅读

41 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vscode #markdown #pdf

于 2022-03-29 12:21:16 首次发布

本文介绍如何利用VSCode及特定插件配置生成带有目录标签的PDF文件，涵盖Markdown编辑、预览及最终PDF输出的全过程。

文章目录

前言
一、所需工具
二、配置

前言

vscode有插件可自动生成PDF，但生成的PDF都不待目录标签，长篇MD不好用，经过尝试摸索，终于实现生成的PDF带目录标签。

一、所需工具

【VS插件】Markdown All in One : 生成目录
【VS插件】Markdown Preview Enhanced : 预览及生成PDF
【VS插件】markdownlint : md语法及规范检查建议
【软件】prince 官网 : 真正生成PDF(带PDF目录标签)

二、配置

1.Markdown Preview Enhanced配置字体

如果不配置字体，生成的PDF字体很怪

打开vs，输入cmd-shift-p 打开命令面板，然后运行 Markdown Preview Enhanced: Customize Css，输入以下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) " of " counter(pages)
      }
    }
  }
}