标头中的 Jekyll 代码块太小

Question

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

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

# `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-timerbash 脚本

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

---

使用 Jekyll (Cayman Theme) 但是字体总是比正常大小的字体小一点：

---

我认为问题隐藏在 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 复制到我的 repo 的 _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 Theme 存储库对此文件进行更改的事实，因为该文件的 398 行现在永久位于我自己的存储库中，所以我不会获得它们。

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