前言

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

更多详细说明参考MDE完整中文手册

2.配置prince

1、prince尽量不要修改默认安装路径
2、安装完成后需要配置环境变量C:\Program Files (x86)\Prince\engine\bin

3.使用步骤

1、正常编写markdown，编写完成后必须保存，否则PDF无法更新
2、右键点击MPE:打开侧边预览。

3、在侧边预览处，右键点击PDF(prince)
4、PDF生成后，自动打开。

TIP:生成目录的方式有3种

手工输入[TOC]
通过Markdown Preview Enhanced插件生成
通过Markdown All in One插件生成（如图）

MD通过vscode生成PDF(带目录标签）相关推荐

python生成word 带目录_利用python程序生成word和PDF文档的方法
一.程序导出word文档的方法将web/html内容导出为world文档,再java中有很多解决方案,比如使用Jacob.Apache POI.Java2Word.iText等各种方式,以及使用fr ...
前端导出多页pdf 带目录页眉页脚及页码
前段时间公司发布新需求,要求用户点击按钮可以导出pdf或者html到本地,pdf中要包含可点击跳转的目录,要分页记录页码,还有页眉和页脚,和后台的小哥哥配合试了好多方法,最终完成的效果还不错,在这里做 ...
生成pdf带跳转的书签
作为一个程序员,每天都会接触很多pdf资料,分享一个快速创建pdf书签的方法. 先ctrl+alt+l调出腾讯qq的文本识别,识别pdf的目录,然后调整一下到下面的格式,目前支持三层目录,改下程序可以 ...
基于itext5动态生成pdf带分页，自定义字体
话不多说直接撸代码: 最终效果图: 在这里插入代码片<dependency><groupId>com.itextpdf</groupId><artifactI ...
【Latex学习】在生成pdf中加入书签/目录/提纲
[Latex学习]在生成pdf中加入书签/目录/提纲 [Latex学习]在生成pdf中加入书签/目录/提纲生成目录生成pdf书签/目录/提纲 - 方法1 生成pdf书签/目录/提纲 - 方法2 去 ...
Java使用Itext5与html模板生成pdf并支持下载
Java使用Itext5与html模板生成pdf 文章目录 Java使用Itext5与html模板生成pdf 前言一.引入依赖二.相关使用说明 1.工具类 2.模板配置 3.模板的抽象类(定义了相 ...
PDF根据目录信息格式化并生成大纲标签
工具 freepic2pdf vscode 提取pdf标签信息提取出两个文件. itf文件里修改目录起始页码,如:此pdf第14页对应书籍的第一页. 将BasePage改为对应的起始页码. txt文 ...
一键生成PDF文档的书签和目录(书签，目录页带页码都行)
转自:https://blog.csdn.net/u010391342/article/details/86681359 一键生成PDF文档的书签目录原创codeing_doc 发布于2019-01 ...
vscode+markdown+mpe+markdown pdf写markdown文档并生成pdf的解决方案和配置方法
本文将介绍使用vscode的插件markdown all in one +markdown preview enhanced(MPE)+ markdown pdf来配置markdown写作环境的过程 ...
nextjs+MDX渲染md文件并生成目录
nextjs+MDX渲染md文件并生成目录一.效果展示线上网站:点击体验 md文件网页二.需要使用的模块包包名作用 @mdx-js/react 用来渲染react组件 @next-mdx- ...

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

文章目录

前言

一、所需工具

二、配置

1.Markdown Preview Enhanced配置字体

2.配置prince

3.使用步骤

MD通过vscode生成PDF(带目录标签）相关推荐

最新文章

热门文章