我在 jekyll 和 github 页面中遗漏了什么来使语法高亮工作?

What have I missed in jekyll and github pages to make syntax highlighting work?

免责声明:这是我的第一个网站项目,为了了解 html、css 等。我可能需要 'for idiots' 指南'

我有一个 jekyll/github 页网站 here. I have read the jekyll documentation here, which suggests all you need to do is stick the liquid tag in. Which I have, for example here

进一步的研究指出我需要设置我的配置文件,例如 which I have here. I also have a .css I copied from a site called sciviews which is here and I've made a link into the .css to call it here

但是,我的页面仍然displays in black on white in code blocks。我错过了什么?

编辑: 我相信我又犯了一个错误,我的语法来源 .css 是(我认为)here。 .scss 可能与我实施的这个过程不兼容吗?

在您的 html 中(在 head 标记内),您引用的路径不正确 "syntax.css"

变化:

<link rel="stylesheet" href="/css/syntax.css" type="text/css">

收件人:

<link rel="stylesheet" href="/Pokemon_FieldStudies/css/syntax.css" type="text/css">

编辑

根据您的编辑,syntax.css 中的代码似乎是原始 scss 文件。此类文件需要经过处理才能提供给客户端。

我建议您阅读有关 SCSS 的内容以及如何编译它(一个简单的 google 搜索将提供足够多的教程)。

如果您对快捷方式感兴趣,可以使用 http://www.sassmeister.com/ 等在线编译器,但这需要您为 scss 文件中定义的一些缺失变量定义一个值。