为自动生成的 gh 页面添加语法高亮答案

【问题标题】：Add syntax highlighting to auto generated gh-pages为自动生成的 gh 页面添加语法高亮
【发布时间】：2016-02-19 07:07:07
【问题描述】：

如何使代码 sn-ps 突出显示，同时利用 github 页面端的 Jekyll 自动生成？是否可以使其与 backticks 符号一起使用？还是我有/应该转向代码块的过度符号？

我有this very simple 站点（given commit）gh-pages 分支和_config.yml：

kramdown:
  input: GFM

我添加它以使换行符成为我的代码 sn-ps 中的换行符。（除此之外我可以摆脱它）。

我想突出显示代码，但继续使用反引号，可以吗？（Github preview 正确突出显示，但 generated page 只是黑色）

附：正如您在链接下看到的那样，不知何故“Add syntax highlighting to gh-pages”问答没有帮助（或者我做错了什么）。

【问题讨论】：

您的页面中绝对没有定义 CSS。样式（颜色、粗体、斜体等）由 CSS 定义。您需要编辑您的主题以包含适当的 CSS。
当我检查网站代码时，没有高亮显示...所以恐怕只有 CSS 无济于事。无论如何，我会很感激带有 CSS 表的资源链接。
如果您注意到，代码块（在 HTML 中呈现）具有分配给它的类，用于标识语言（并且是从受保护的代码块中获得的）。该类可以与 JavaScript 库结合使用，以在浏览器中进行语法高亮显示。当然，您需要包含适当的 JS 库以及 CSS。
例如，见highlight.js。
我在这里回答了类似的问题：stackoverflow.com/questions/6615415/…

【解决方案1】：

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

【讨论】：

我要求 backticks 表示法 ```language 。可能吗？否则 pygments 表示法是否更适合其他共振？（例如更广泛？得到更多其他 Jekyll 部署等的支持？）
我的观点：我更喜欢 highlight 因为它是 css 样式的。反引号符号需要将js设置为客户端样式。
我在这里回答了类似的问题：stackoverflow.com/questions/6615415/…