header 中的 Jekyll 代码块大小太小

Question

出现在标题 1 行时 my website 上的代码块字体太小。

在 Stack Exchange 的 header 中键入代码块时，我们似乎没有问题。例如，当我在这个网站上输入以下内容时：

# `multi-timer` bash script

The `multi-timer` bash script works in Ubuntu versions 14.04, 16.04 and 18.04. It also works in Windows 10 with Ubuntu 16.04 Desktop installed.

Markdown 在 HTML 中正确呈现为：

`multi-timer` bash 脚本

multi-timer bash 脚本适用于 Ubuntu 版本 14.04、16.04 和 18.04。它也适用于安装了 Ubuntu 16.04 桌面的 Windows 10。

使用 Jekyll（Cayman 主题）但是字体总是比正常大小的字体小一点：

我认为问题隐藏在 Jekyll Cayman 主题网站上 Sass / SCSS code 的某处：

  code {
    padding: 2px 4px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.9rem;
    color: $code-text-color;
    background-color: $code-bg-color;
    border-radius: 0.3rem;
  }

特别是：font-size: 0.9rem; 行我认为是问题所在。

如何更改代码块，使其在 H1 行上使用 H1 字体大小，在 H2 行上使用 H2 字体大小等？

如果有帮助，我只是在本机使用 Github 页面，这是 the repo。

Answer 1

将`0.9rem`更改为`92%`

如下图我已经解决了问题：

采取的步骤

我通过首先将整个文件 https://github.com/pages-themes/cayman/blob/master/_sass/jekyll-theme-cayman.scss 复制到我的存储库的 _sass/ 子目录来进行修复。

然后我将下面的 font-size: 0.9rem 行更改为 font-size: 92%;:

  code {
    padding: 2px 4px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 92%;  // Change 0.9rem to 92% for proper size in headings
    color: $code-text-color;
    background-color: $code-bg-color;
    border-radius: 0.3rem;
  }

缺点

我不喜欢 Cayman 主题回购对这个文件进行更改，因为这个文件的 398 行现在永久地在我自己的回购中。

也就是说，我现在可以接受这个解决方案。如果我改进它，我会回来更新这个答案。

header 中的 Jekyll 代码块大小太小

Jekyll code block size in header is too small

css

jekyll

github-pages

rouge

`multi-timer` bash 脚本

将`0.9rem`更改为`92%`

采取的步骤

缺点

header 中的 Jekyll 代码块大小太小

Jekyll code block size in header is too small

css

jekyll

github-pages

rouge

multi-timer bash 脚本

将0.9rem更改为92%

采取的步骤

缺点

`multi-timer` bash 脚本

将`0.9rem`更改为`92%`