我在jekyll和github页面中错过了什么来使语法高亮显示工作?

时间:2016-07-20 11:47:47

标签: css github jekyll syntax-highlighting github-pages

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

我有一个jekyll / github页面网站here。我已经阅读了jekyll文档here,它表明您需要做的就是粘贴液体标签。我有,例如here

进一步的研究指出我需要设置我的配置文件,例如我this here。我还有一个.css我从一个名为sciviews的网站上复制了here,我已经建立了一个.css的链接,称之为here

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

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

1 个答案:

答案 0 :(得分:5)

在你的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以及如何编译它的信息(一个简单的谷歌搜索将产生足够多的教程)。

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