Jekyll，Github 页面：语法突出显示不起作用

Question

以前有人问过类似的问题，但解决方案对我不起作用。

我在 Github Pages 博客中使用 Jekyll 3.3.0。根据文档，只要 _config.yml 指向 Kramdown 进行降价处理，指向 Rouge（我是运行 2.0.7）进行语法高亮，Jekyll 就支持本地代码片段高亮显示。

我无法使用已批准的方法或我在 Internet 上找到的各种方法让它工作。它唯一能识别的是那里有代码。例如，使用反引号或 {% highlight html %} 将删除此代码并按预期显示我的实际代码。所以它认识到它是一个代码片段。但是突出显示根本不起作用。

这是我的 _config.yml:

baseurl: /blog
exclude: ['README.md']
permalink: pretty

# Conversion
markdown: kramdown
highlighter: rouge
kramdown:
  input: GFM
  hard_wrap: false
  syntax_highlighter: rouge
  extensions: fenced_code_blocks

这是我在 .md 中尝试过的测试示例：

```applescript
tell application "Safari" to quit
```

Applescript 受 Rouge 支持，所以这应该不是问题。尽管如此，我还是用 html:

测试了它

```html
<a href="https://github.io>Here's a link to Github</a>
```

我也试过： {% 高亮 applescript %} 告诉应用程序 "Safari" 退出 {% endhighlight %}

Github 在我通过 github.com/user/repo 查看时显示突出显示，但在 user.github.io/repo

查看时它会中断

谢谢

Answer 1

_layouts/default.html 中的 link 地址不完整：它不包括 {{ site.baseurl }}

完整行应该是：

<link href="{{ site.baseurl }}/css/syntax.css" rel="stylesheet">

Answer 2

正如这个问题中的回答：Add syntax highlighting to gh-pages，据推测使用正确的降价就足够了，因为您已经 post 回答了您的问题。它对我也不起作用，这就是我找到这个 post.

的方式

我自己添加了 syntax.css，现在使用我需要的突出显示语言的小写名称。现在它确实有效了！

Jekyll，Github 页面：语法突出显示不起作用

Jekyll, Github Pages: syntax highlighting not working

syntax-highlighting

jekyll

github-pages