当前位置: 代码网 > it编程>编程语言>Java > VSCode将markdown文件导出为带书签的PDF文件

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

2024年08月01日 Java 我要评论
之前找工作的总结性文章,全是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。全微软雅黑虽然也挺好看,但是没达到我心目中最好的效果,有空找找怎么搞这东西。应该也是配置,就是不知道怎么单独配置中文和英文。找到了再更

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com