【已解决】如何让 Minimal 主题的标题下面的分割线在导出的 pdf 中显示?

遇到的问题

我正在使用 Minimal 主题,在 Minimal Style Setting 中有选项可以在标题下面添加分割线

在预览界面的效果如下图所示

但是这个分割线在导出为 pdf 之后会消失,我希望在导出的 pdf 中保留此分割线

已尝试的解决方案

我尝试手动通过 “—” 添加分割线,但是这样的分割线过粗,我采用修改 css 的方法可以改变粗细,但是这样子的改变无法反映在导出的 pdf 中

实践发现, 要是 Style Settings 里改 H3 字体大小或颜色, Ob 默认导出 pdf 是可以生效的,

就是改 “标题装饰线” 在导出 pdf 后失效, 不太明白

Minimal Style Settings “标题装饰线” 原理是 给 headings 增加类名 .h3-l, 然后在这个类里用 border-bottom 加上装饰线

这也可能跟导出 pdf 时 @media print 有关, 尚待研究


我自己的方案是,
别折腾 Style Settings 或 snippets 的 编辑 / 阅读 / 导出pdf 的样式区别了
先拿 Webpage HTML Export 转网页, 这插件会识别 snippet 和常见插件的样式, 导出效果是 “所见即所得” 的
然后网页转 pdf, 这用浏览器直接能搞

2 个赞

非常感谢,这解决了我的问题!