VSCode将markdown文件导出为带书签的PDF文件网站首页 技术杂谈

VSCode将markdown文件导出为带书签的PDF文件

中南自动化学院“智能控制与优化决策“至渝 2023-05-18 20:00:02

简介VSCode将markdown文件导出为带书签的PDF文件

背景

之前找工作的总结性文章，全是markdown形式的想直接变成PDF好携带。方便查找

初步探索遇到的问题

markdown直接在chrome钟打开，右键有打印选项，有一说一，效果不错，唯一缺点，没书签。
在这里插入图片描述

怎么办

查资料找到说 markdown preview enhanced + Prince 可以解决，于是开搞

正式开工

vscode 安装插件 markdown preview enhanced

在这里插入图片描述

安装Prince软件，就10M多点，官网链接 https://www.princexml.com/download/ ，可以选择比如安装在D盘下面，并添加环境变量。我的如下

在这里插入图片描述

打开预览，然后右键，有导出pdf选项

在这里插入图片描述

效果一般，字体不太OK，书签倒是有了

在这里插入图片描述

解决字体格式问题

ctrl+shift+p 打开搜索，输入Markdown Preview Enhanced: Customize Css , 并点击进入，刚开始长这样

在这里插入图片描述

输入这段配置，把字体设置成微软雅黑，并添加页码

.markdown-preview.markdown-preview {
  // modify your style here
  // eg: background-color: blue;
  font-family: Microsoft YaHei;
  /* prince设置参数 */
  &.prince {
    /* 添加页码 */
    @page {
      @bottom {
        font-family: Microsoft YaHei;
        content: counter(page) " / " counter(pages)
      }
    }
  }
}