Skip to content

个性化设置

Keldos edited this page Mar 9, 2023 · 6 revisions

在完成安装后,您可以选择按照学校的要求进行个性化设置。在 CSS 文件中,您可以根据代码中的注释提示修改变量取值,轻松地更换正文、标题等不同元素的字体、字号、行距、页边距等:

/* 代码字体(代码中的中文会调用ui-font) */
--code-font: "Latin Modern Mono", "Latin Modern Mono 10";  /* 您可以修改这里的值 */
/* 侧边栏字体 */
--ui-font: "阿里巴巴普惠体 2.0";  /* 您可以修改这里的值 */
/* source mode 字体 */
--sourceMode-font: "SF Mono", "阿里巴巴普惠体 2.0";  /* 您可以修改这里的值 */

进行个性化设置有两种方案:

  1. 您可以直接在您下载的安装包中进行修改。在完成修改后,请重新执行与您操作系统相匹配的脚本(install.ps1install.sh),并重新启动 Typora,以应用您的更改
  2. 您也可以直接更改 Typora 主题文件夹的文件。进入这个文件夹后,与本主题相关的两个文件分别是 latex.csslatex-dark.css,请您按需修改。在完成修改后,请重新启动 Typora,以应用您的更改

如果您在打开 CSS 文件时遇到了困难,请考虑使用 记事本(Windows)或文本编辑(macOS)打开它。

您可能已经注意到,我们已经将主要的个性化设置变量放置在主题文件的最前面(:root {})。对大部分普通用户来说,您只需要关注最前面(约前70行)的代码即可:

@charset "UTF-8";
:root {
  /* == 字体设置 == */
  ……(其他设置)
  ……(其他设置)
}

当然,如果您是个 Pro User,有更多的修改需求,请直接在 latex.csslatex-dark.css 中编辑。但请记得在未来更新本主题时重新编写您做过的修改。

如果您看不懂注释,或不知道修改代码会造成什么效果,请首先尝试百度/谷歌/必应,然后尝试联系开发者。

调整字号

从 v0.3.0 开始,本主题支持根据 --base-font-size(正文字号)全局调整各元素(如小标题、脚注、代码,甚至行距)大小。

一般而言,如果需要调整正文字号大小,您只需要更改 CSS 文件中这一行(可能是第8行)中“9.5pt”这一数值:

  --base-font-size: 9.5pt;

您只需要调整这一项数值,其他元素的大小会自动根据该基准字号进行合适倍率的缩放,以达成美观的效果。例如,在 v0.3.0 的主题文件中,默认的引文的字号设置为:

  --quote-font-size: 1.05em;

在这里,em单位为一个正文字符(--base-font-size)大小,此时 1.05em = 1.05x9.5pt ≈ 10pt。其他元素也遵循相应的规则。

当然,如果学校或您有明确的要求,您也可以直接设置以 pt 或 px 为单位的数值,将元素的大小固定下来,如 --quote-font-size: 10pt;

参阅:字号对照表
中文字号 英文字号(磅)/pt 毫米/mm 像素/px
初号 42 14.82 56
小初 36 12.7 48
一号 26 9.17 34.7
小一 24 8.47 32
二号 22 7.76 29.3
小二 18 6.35 24
三号 16 5.64 21.3
小三 15 5.29 20
四号 14 4.94 18.7
小四 12 4.23 16
五号 10.5 3.7 14
小五 9 3.18 12
六号 7.5 2.56 10
小六 6.5 2.29 8.7
七号 5.5 1.94 7.3
八号 5 1.76 6.7

更改编辑模式中的页面大小

在 Typora 中,您可以使用以下两个快捷键将页面进行放大或缩小:

  • ctrl shift = 放大
  • ctrl shift - 缩小

对于 macOS 用户,请将上面快捷键中的 ctrl 替换为 command。如果您的 Typora 有菜单栏,您也可以选择 视图 中的 放大缩小 功能。

使用封面

resources 文件夹中的 essay-template.md 和 essay-template.pdf 展示了一篇小论文在该主题下的效果,其中论文封面(也单独放置在 cover-template.md 文件中)、摘要、关键词和其他一些特别的元素使用 HTML 代码来编写。您可以自行取用修改它们的文字内容部分和代码部分来完成您的课程论文。

取消额外行距

如果您不希望论文有段后的额外行距,可以在 Typora 的偏好设置Markdown 中选取保留连续的空格与单个换行

页边距

若要修改页边距,您首先需要打开您想要修改的 CSS 文件。您需要在这个 CSS 文件中,分别找到两段类似这样的代码:

/* == 页面设置 == */
/* 打印页边距 */
--set-margin: 1.8cm 2cm 1.2cm 2cm !important;
@media print {
    @page {
        /* size: A4;  强制A4大小 */
         margin: 1.8cm 2cm 1.2cm 2cm !important;
         /* 按次序为 上 右 下 左 的页边距 */

真实的代码内容可能与以上描述不完全相同,但是嵌套关系一定是相同的。推荐您搜索页边距这个关键词,从而快速找到这两段代码。
以上的第一处的设置调整了 Typora 预览界面包括导出 HTML 时的页面边距,第二处调整了 Typora 导出 PDF 时的页边距。

在 Windows 中,您在两个 CSS 文件中同时修改页边距后即可导出正确的页面。

但对于 macOS 用户,因为 Typora 本身的问题 ,第二处设置无效。也就是说,第一处设置能够保证编辑预览时的页面边距正确,但直接导出时的页面边距无法精确修改。只能通过以下的办法:

  • 在 Typora 的导出设置里自定义页边距。
  • 先导出为 HTML ,然后在 Chrome 中打开打印。请注意,不能用 Safari!Safari 会自行设置它认为的最小边距,这会导致您无法精确控制页边距;另一方面,在某次更新后 Safari 取消了对 CSS 本地字体读取的支持(理由是隐私问题),会导致您无法显示很多字体!
  • 直接用 pandoc 的命令行导出。

导出时超链接样式

对于文章中的超链接,本主题在导出PDF时默认保留超链接颜色和下划线。如果您需要导出为打印版本(超链接为黑色且无下划线),请在您想要修改的 CSS 文件中找到下面的代码段:

/* ========== VERY IMPORTANT 请注意看下面的几行: ================
   如果您需要在输出PDF时隐藏超链接的颜色和下划线,请取消注释下面的代码块,即删去下面的 Ln.1 和 Ln.2
   如果您需要在输出PDF时保持超链接的显示效果,则不用更改 ============= */
/* 如要取消注释代码,请把本行删去 Ln.1
@media print {
  #write a {
    color: inherit !important;
    text-decoration: none;
  } 
}
如要取消注释代码,请把本行删去 Ln.2 */

您只需要删去 /* 如要取消注释代码,请把本行删去 Ln.1/* 如要取消注释代码,请把本行删去 Ln.1 这两整行即可。

如果您之后重新需要导出时保留超链接颜色和下划线,您可以将您删去的两行之间的代码块重新注释掉。

多级列表

预设的多级列表样式参考了 CTeX 的风格。如果需要,您可以在代码中自行更改多级列表(无论是有序还是无序)的样式。

另外,截止 v0.3.0,在二级有序列表之后混用 有序列表无序列表 以及核对清单,仍有概率出现一些 bug。(虽然感觉会这么干的人应该不多。)如果您有解决方案,请联系开发者。

页眉和页脚

由于 Typora 的限制,目前似乎不能直接定义,请在 Typora 的导出设置里设置好您需要的页眉和页脚文字,导出后在 PDF 编辑器中调整您喜欢的样式风格。

引用参考文献

目前没有更好的方式,请您主动编号(或许小型课程论文不需要大量参考文献)。

专注模式和打字机模式

还没写这部分的代码。本主题样式初衷不在于此,如果您有需求,可以提交 issue 或进入讨论区讨论。