css - Github 页面代码块离线和在线表现不同

Question

离线版本是我想要的，它看起来像这样:

然而在线版本看起来是这样的:

此外，this is the direct link到博客，这样您就可以看到错误的版本。

如您所见，代码块周围有一个我不想看到的深灰色框。我试过查看配置文件，但由于我可以离线正常查看它，所以我不知道如何修复它。我正在使用 jekyll 3.5.2。

This是博客的存储库。

Answer 1

Gemfile 包含:

source "https://rubygems.org"
gem 'github-pages'

我能够重现 Github 页面的行为。

您可以通过将_highlights.scss 中的.highlight {... 规则替换为 来解决您的问题pre.highlight {... 规则。