vscode+markdown+mpe+markdown pdf写markdown文档并生成pdf的解决方案和配置方法
本文将介绍使用vscode的插件markdown all in one +markdown preview enhanced(MPE)+ markdown pdf来配置markdown写作环境的过程
选择这些插件的原因
markdown all in one 和mpe是广为流传的插件,不多解释。而markdown pdf 是我尝试多种组合后,觉得较为方便的一种生成好看的pdf的方式,因为我的需求是:
自定义pdf css和高亮,自定义页眉页脚。
配置插件:
- vscode下载上述插件
- 配置插件设置
配置其他插件还算简单,配置mpe可以参考插件官方文档:
https://shd101wyy.github.io/markdown-preview-enhanced/
配置markdown pdf
配置markdown pdf 是我们的重点,因为我们要求生成的pdf可以自定义页眉页脚和css。
1、配置页眉页脚
右键插件打开设置,如下,可以按css的模式设置我们的页眉页脚,下方即是代码高亮设置,可以按自己需求配置
我的示例如下
footer
<div style="font-size: 9px; margin: 0 auto;">Page <span class='pageNumber'></span> of <span class='totalPages'></span></div>
header
<div style="font-size: 9px; margin-left: 1cm;"> <span class='doctitle'></span></div> <div style="font-size: 9px; margin-left: auto; margin-right: 1cm; "> <span class='date'></span></div>
2、配置css
如上图,可以输入自定义的css文件。我们可以自己写,也可以去找好看的css资源来修改,这里推荐typora的主题官网,点击跳转
同时,记得勾上print background选项,否则md的一些分界线会无法打印
其他的配置就自行探索了,毕竟我的需求就这些
生成pdf的方式
完成之后,重启vscode,右键应该可以看到如下
可以右键点击markdown pdf,生成我们想要的pdf(或者图片)
或者使用MPE打开预览也可以生成
如图,在预览界面右键,可以使用chrome自带的pdf生成器生成(chrome浏览器大家应该都有吧)。
同时,也可以选择在浏览器中打开,然后使用浏览器自带的打印功能生成pdf
为什么我选择markdown pdf,而不用mpe自带的
因为我的需求特殊,我试了使用mpe自带的:
- 如果在浏览器中打开并打印,要么无法生成页眉页脚,要么页眉页脚无法自定义,edge和chrome会在页脚中包含文件路径,很不美观
- 如果使用chrome自带的打印,同上理
- 如果使用prince,虽然可以生成很好看的满意的pdf,但是会在第一页右上角有prince水印,并且我寻找了好久也没找到去掉水印的方法(有同志知道的话可以评论一下,感激万分)
- ebook和pandoc懒得试了……
按照如上配置,即可在vscode中使用markdown编写,并且生成自定义页眉页脚和css的pdf文件。
参考文章:
https://blog.csdn.net/while0/article/details/124677531
vscode+markdown+mpe+markdown pdf写markdown文档并生成pdf的解决方案和配置方法相关推荐
- 写接口文档及生成mock数据
写接口文档及生成mock数据 在web应用开发的过程中,与前端联调时总会有一些接口,需要接口文档,在接口先行的情况下,前端不能拿到实际的接口进行开发,所以就需要mock数据. 今天搜索了下,阿里在这方 ...
- 使用 Sphinx 撰写技术文档并生成 PDF 总结
这几天准备编排部分翻译的书籍和文档,找了好些工具,最终定格在 Sphinx 上,并基于 ReadTheDocs 提供的 SaaS 服务进行分发和分享.本篇博客是对整个过程的一次记录和总结. 项目代码: ...
- 安卓手机上用termux编译TeX文档并生成PDF
写在前面 最近鼓捣鼓捣termux终端模拟器,因为之前已经通过pkg包管理器成功安装了IPython和Numpy(虽然字比较小,但是电脑不在身边的时候能用手机跑代码还是不错的). 安装与试验 有了之前 ...
- java将数据库数据转换成word文档并且生成pdf文件
目的:将数据转换成word图片的方式展现给用户 工具:openoffice +java代码 +数据库,其中openoffice有windows版本的和Linux版本的. 其中openoffice的下载 ...
- 曲线救国: 使用 Markdown 编辑器来写 Confluence 文档
使用 Markdown 写 Confluence 文档 作为一种轻量级标记语言,Markdown 优点多,包括但不限于: 纯文本,兼容性极强,可以用所有文本编辑器打开 让写作者专注于文字而不是排版 格 ...
- swagger导出到pdf、html文档
最近工作中接到一个任务,就是项目要一份接口文档,之前项目用的文档是swagger的自动生成的,再导入一些好看的UI(也没好看到哪里去,比如springfox-swagger-ui)来使用,其实也是一直 ...
- 先写API文档还是先写代码?你需要这款神器Apifox!
代码未动,文档先行 其实大家都知道 API 文档先行的重要性,但是在实践过程中往往会遇到很多困难. 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档.大多数开发人员不愿意写 API 文档的原因是 ...
- 还在发愁写API文档?推荐一款阿里腾讯都在用的API管理神器!
欢迎关注方志朋的博客,回复"666"获面试宝典 前言 ❝ 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档.大多数开发人员不愿意写 API 文档的原因:写文档短期收益远低于付 ...
- linux md文件 编辑,用Vim写md文档的简单姿势
对于重度Vim使用者来说,编辑md文档用Vim是顺理成章的事,在此记录下来. 近期开始带学生接触Openstack开发.在8G内存的笔记本上跑个Devstack开发环境,至少要分掉4G,否则虚拟机卡成 ...
最新文章
- 深入理解JVM虚拟机(九):运行期优化与JIT编译器
- WebStorm 和 VsCode 的结合体来了!
- 有哪些你踏入社会才明白的道理
- UNUSED参数,这个宏,很秀
- (王道408考研操作系统)第三章内存管理-第二节2:请求分页管理方式
- JavaWeb之tomcat安装、配置与使用(一)
- 华为云企业级Redis讲解第16期:超越开源Redis的ACID“真“事务
- (翻译)Entity Framework技巧系列之一 - Tip 1 - 5
- python 获取路径
- Oracle 11g RAC 安装数据库软件找不到节点的解决
- 电子系统综合设计作业笔记
- 游戏版Linux :Ubuntu GamePack
- 复习jquery菜鸟教程
- (二)Tushare Pro教程:上市公司财务数据接口
- Multisim软件的基本使用
- 远程办公一段时间了,你(团队)进入状态没?
- 怎么看曲线有没有斜渐近线_关于曲线的斜渐近线
- Lua中ipairs和pairs的区别
- mysql学校教务系统_java servlet+mysql开发的学校官网+教务系统+图书馆系统,功能完善,供参考学习...
- 小班安全优质课教案《防止拥挤踩踏事故》
热门文章
- 大数据之Flume原理
- EIA 标准电阻器值 (± Tolerance%)
- scrapy框架的简单使用——爬取当当网图书信息
- 微信小程序----wx:key(Now you can provide attr wx:key for a wx:for to improve performance.)
- 淡雅精美实用中秋节PPT模板分享
- Android 程序流量监控
- PHP客服在线IM源码,支持自动刷新
- android asynctask 线程池,AsyncTask和线程池
- Ouya全访问计划,Chrome上的Mario Paint等
- 《给研究生的学术建议》4——导师