完全自用型 Typora 主题

文章摘要
为了更方便的制作讲义,我做出了一个完全自用型的 Typora 主题。

https://s2.loli.net/2022/03/29/F3kKZPNAIWCOf9T.png

  如各位所知,我是一个老师。在小班型授课的过程中,讲义是非常重要的一件物品,它可以提高上课效率,省却学生大段记笔记的时间,更可以作为学生课后复习的依据。所以我比较重视讲义,重视到上课用的讲义都要自己来制作,因为我觉得只有自己做的讲义才更契合自己讲课的节奏。

  在这之前我制作讲义都是使用 word ,虽然功能很强大但我觉得它真的不适合用来做只是输出,太多的功能反而会让我分心,而且太多的功能导致长时间运行后必然的卡顿简直是心灵的折磨。所以我决定换到 markdown 编辑器上来进行接下来的讲义制作。

  但是这里就有一个错位的事情,markdown 确实专注写作,但是它真正对接的是 html 平台,对于我这种打印排版为主的需求适配有限。所以需要我针对自己的需求进行一些个性化的定制,于是我选择了自由度极高的 Typora 作为接下来要使用的 markdown 编辑器,并花了一些时间改出了一个看上去能用的主题,于是就有了这篇文章。

  代码部分我已经托管到了 github ,虽然不认为有人会看(笑)。

代码分享
typora-themes-andout:kirikirino/typora-themes-handout

  我在格式排版上稍微有点强迫症,所以对于“所见即所得”的需求比较高,这也是这个主题被我称为“完全自用”的主要原因。markdown 由于是对接 html 平台的,所以它的单位都是以 像素 为基准,而要将他转化为 毫米 就需要考虑显示器尺寸与分辨率了,网上找的公式并不特别靠谱,所以我才用了一个暴力的方式:不断的导出比对,最后得到了符合我自己电脑的参数。

/* 基本配置 */
#write {
	font-size: 15px;
  max-width: 725px;
	text-align: justify;
}

  这样就能直观的对版面进行调整了,省去了导出后校对格式的时间。

  不同级别的标题为希望能够在视觉上做出明显区分,不是仅仅大小发生改变这么简单。所以我在网上看了很多大佬分享出来的主题文件,最后结合 zjorange heart 的样式,做出了自己满意的一套主题样式。

https://s2.loli.net/2022/03/09/l1y5WEAOba8PKmi.png

  由于 html 并没有纸张大小的概念,所以在排版上较为自由,利用留白吸引视觉的设计较为常见。但是如果是讲义的话,一页纸打出来留白太多就不好了,不只浪费纸张而且毫无意义,纸质阅读与电子阅读体现在这里的差异是非常巨大的。

  除了留白以外,我觉得字体也是会影响阅读的一个因素。黑体并不适合大量文字的阅读,它只是看起来好看,设计上好看,从图形角度上看上成功的。不过如果是大量的文字阅读,甚至于需要理解记忆的时候,宋体是个更好的选择。所以我选择了 思源宋体 作为主题的默认字体。

https://s2.loli.net/2022/03/09/pTveiyxgsI4F75t.png

  既然是完全自用,那么就只需要考虑自己的需求就好。于是我将 高亮 格式进行修改,用于例题题号的标注,实际效果优于我之前使用 word 制作的样式(实际上我当时比较懒并没有制作按钮样式)。

  然后就是表格、流程图与公式。这里我打算做的就是一个格式的统一。从上面也看的出来,我这次制作的主题是以白色背景,用黑色与蓝色搭配出来的,灵感来源于市面上流行的双色印刷练习册,虽然校区的打印机只能进行单色打印,不过我之后确实有考虑过自己买打印机来打印双色讲义,所以从这一步开始我就对格式进行完全的统一,方便后期计划的实施。

https://s2.loli.net/2022/03/09/kRzCsPKp1eHJT5U.png

  做了这么多,如果无法正确的完成输出那可就坏事了。好在这一步出错的几率并不大。Typora 支持在导出 PDF 的时候生成页眉与页脚,虽然生成功能仍十分简陋,但是还算够用(只要我降低需求就够用)。我感觉这个应该也可以利用 css 来定制,但实在是找不到门路,写代码可能会在未来慢慢成为新的基础技能吧。

https://s2.loli.net/2022/03/09/1tTwCAPlcRpj8Ia.png

  Typora 的高自由度定制,与纯本地化的文件保存,给了我足够的发挥空间与安心感。这个格式在这次折腾完之后,实际使用中会非常方便,虽然 word 也可以做到同样的功能,但是使用体验上还是有点糟心。至于非本地化文件保存的问题……其实我说的是 notion