1

当代码块字体出现在标题 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.

降价在 HTML 中正确呈现为：

multi-timerbash 脚本

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

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

header.png 中的 jekyll 代码块大小

我认为问题隐藏在Jekyll Cayman 主题网站上的这个Sass / SCSS 代码中的某个地方：

  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 Pages，这就是repo。

4

1 回答 1

0

更改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 行现在永久位于我自己的存储库中，所以我不会获得它们。

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

于 2021-11-14T22:08:25.257 回答