如何使用 JekyllNow 更改在 Github 上创建的博客页面的字体大小

Question

我使用 JekyllNow 创建了一个 Github.io 博客。 JekyllNow 允许您完全在 Web 上创建它，而无需在本地安装 git 或 Ruby。即一切都在没有任何本地操作的情况下完成。

我正在使用最小的主题。我的页面已创建，但字体似乎很大。如何更改页面上的字体大小？

如果有办法使它成比例，那就更好了 - 即不仅是默认字体大小，而且 H1、H2 等大小也按比例缩小。

Answer 1

通常我们编辑位于 jekyll 实例根目录下的文件 style.scss。

 body {
      font-family: "Times New Roman", Times, serif;
}

但是，如果您使用默认的 Jekyll 主题“Minima”，则必须编辑文件 minima.scss 而不是 style.scss。

因此，要更改默认字体大小定义，您需要重置 `$base-font-size' 的值

$base-font-size:   16px !default;

您还可以通过重置$base-font-family 变量的值来更改默认字体定义本身，

$base-font-family: "PT Serif", serif;

您还需要删除此设置末尾的 !default; 后缀，以便新字体适用。