完全自用型 Typora 主题

1.背景介绍

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

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

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

  代码部分我已经托管到了 github ，虽然不认为有人会看（笑）。

2.细节展示

2.1 “所见即所得”很重要

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

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

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

2.2 标题样式很关键

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

2.3 正文要适合阅读

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

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

2.4 我需要一些自定义

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

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

2.5 正确的输出

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

3.结尾感言

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

赞赏支持

微信打赏 支付宝打赏