先放效果。
我有一个思源 pdf 导出暂时无法实现的需求:挖空效果打印。
如图:
背景
我忽然发现 typora 导出 pdf 可以实现,所以研究了一下。另外我喜欢挖空在电子设备上可以鼠标悬浮出现,而且大纲要有引导线,所以也放弃了用 word(更改文字背景为白色)的方案。
如果你没有 ① 大纲引导线 +② 挖空效果打印的刚需,请忽略这个方法,步骤比起改思源主题要麻烦多了。
如何在电子版中实现文字隐藏
我的电子版中==文字显示隐藏,悬浮显示==是改了 underline 的文字的格式(许多大佬是用 mark 格式或者属性实现),我懒得区分不同文章属性,干脆高亮一个格式,粗体一个格式,下划线一个格式,下划线在所有文章中都用来隐藏。
在思源这里是加上:
(高亮什么的我也标上了,如果你觉得还不错的话可以参考一下)
--vert-blue : #0e64bb; /* 在思源主题最前面把这个全局的蓝色加上 */
/* 高亮 */
mark {
background-color: var(--vert-blue) !important;
color: white !important;
font-weight: bold;
}
/* 下划线 */
.protyle-wysiwyg u{
color: transparent !important;
border-color: rgb(0, 0, 0) !important;
font-weight: bold;
transition: color 0.2s ease-in-out;
}
.protyle-wysiwyg u:hover{
color: #c43e17 !important;
font-weight: bold;
}
/* 行内代码块 我不喜欢那个padding很大的样式,所以行内代码只是单纯变蓝*/
.b3-typography code:not(.hljs), .protyle-wysiwyg code:not(.hljs) {
background-color: transparent !important;
padding: 0 !important;
margin:0;
color: var(--vert-blue);
font-size: 18px !important;
}
/* 粗体 颜色变蓝且加粗 */
strong{
font-weight:bold;
color: var(--vert-blue) !important;
}
思源里面的效果:
在 typora 的主题里是加上:
和思源不太一样,下划线要多加一个底部边框才有一样的显示效果
/* 下划线开始 */
u {
color: transparent !important;
border-color: rgb(0, 0, 0) !important;
border-bottom:1px solid;
font-weight: bold;
transition: color 0.2s ease-in-out;
}
u:hover {
color: #c43e17 !important;
font-weight: bold;
border:none;
}
/* 下划线结束 */
为了实现打印版挖空我做的改动:
我是基于 typora 主题库里面一个叫 dyzj 的主题改的,感谢原作者,若有侵权我愿意删除这个文章。贴下原主题的网址:dyzj (typora.io),我会把我改好的整个主题放在文末,解压放在 typora 主题文件夹里即可。
改完导出的效果:
再放一下纸质图片效果
打的时候还没加标题前面那个 H1-H6 的提示,后面才加的,应该是可以打印出来的
关于格式我还想啰嗦的:
- 全部的文字我基本改成黑色了,我觉得要醒目的话,可以用行内代码,框框十分醒目了
- 原文档里写标签不要顶格写,会渲染成一级标题,见图中
- 高亮原文档也尽量别用了,打印出来没啥效果。我尝试改高亮为下划线,导出还是黄色背景,遂放弃。
整个流程:
把我给的 typora 主题放在主题文件夹 → 思源导出为 markdown(直接复制效果不好)→ typora 打开 这个.md 文件 → 略作调整 → typora 导出为 pdf → 可以打印了,开心。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于