网站导航
> 文章列表 > VSCode将markdown文件导出为带书签的PDF文件

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

网友: 文章列表 2024-03-21 23:52:11

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

背景

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

初步探索遇到的问题

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

怎么办

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

正式开工

  1. vscode 安装插件 markdown preview enhanced

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

解决字体格式问题

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

在这里插入图片描述

  1. 输入这段配置，把字体设置成微软雅黑，并添加页码
.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)}}}
}
  1. 修改后长这样，就可以了

在这里插入图片描述

效果不错

在这里插入图片描述

未来工作

        我个人喜欢中文宋体，英文 Times New Roman。全微软雅黑虽然也挺好看，但是没达到我心目中最好的效果，有空找找怎么搞这东西。应该也是配置，就是不知道怎么单独配置中文和英文。找到了再更

网络标签：

相关问题