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

Dav*_*RGP 0 css syntax-highlighting github jekyll github-pages

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

我有一个哲基尔/ GitHub的网页的网站在这里.我在这里阅读了jekyll文档,这表明您需要做的就是粘贴液体标签.例如,我在这里.

进一步的研究指出,我需要设置我的配置文件,像这样,我有在这里.我也有我的CSS从一个网站叫sciviews这是复制在这里,我做了一个链接到的.css叫它这里.

但是,我的页面在代码块中仍然以黑色显示.我错过了什么?

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

ela*_*hen 5

在你的html(head标签内)中,你引用了一个不正确的路径"syntax.css"

更改:

<link rel="stylesheet" href="/css/syntax.css" type="text/css">
Run Code Online (Sandbox Code Playgroud)

至:

<link rel="stylesheet" href="/Pokemon_FieldStudies/css/syntax.css" type="text/css">
Run Code Online (Sandbox Code Playgroud)

编辑

在编辑之后,似乎syntax.css中的代码是原始scss文件.在将这些文件提供给客户端之前,需要对这些文件进行处理.

我建议你阅读有关SCSS以及如何编译它的信息(一个简单的谷歌搜索将产生足够多的教程).

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