【CSS】自定义【Markdown】导出【pdf】的主题样式并自带【书签】

工具

vscode插件:Markdown Preview Enhanced

Prince:

下载链接:Prince - Download Prince 14.3 (princexml.com)

配置教程:CSDN博客

注意:

1.需在Markdown Preview Enhanced的预览窗口中右键,

然后点击PDF(prince)才生效。

2.prince生成的是pdf阅读软件侧边栏的书签,不支持内部的跳转目录。

(书签与目录不能兼得)


生成内部跳转目录的方法:在vscode里Ctrl+Shift+P,输入

markdown-preview-enhanced.createTOC

然后通过别的插件(如Markdown PDF)生成pdf才生效。

插件自带主题

Markdown Preview Enhanced自带有主题,可以查看是否有喜欢的。Ctrl+,输入

MPE css

选择工作区:

774d194ea32546aebc2dd3b82e758a3a.png

修改代码风格:

4f7bc42fe19945f4af94e2b08b7cbaf2.png

修改整体风格:

50418c8a34c04f25853862675844b1d0.png

自定义编写插件的CSS

Ctrl+Shift+P,输入:

markdown-preview-enhanced.customizeCss

然后就会跳出一个名为style.less的文件,语法与CSS差不多,通过编辑这个文件就可以改变导出pdf的样式。

具体编辑教程:

自定义 CSS (shd101wyy.github.io)

分页:  

<div STYLE="page-break-after: always;"></div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值