Jekyll - Rouge 在我的自定义主题中不起作用

【问题标题】：Jekyll - Rouge does not work in my custom themeJekyll - Rouge 在我的自定义主题中不起作用
【发布时间】：2018-07-19 08:50:50
【问题描述】：

我正在 Jekyll 中制作自己的主题，并且我想使用语法高亮。

为此我做了：

1) 在我的 Gemfile 中安装 rouge 和 kramdown

gem 'kramdown'
gem 'rouge'

2) 更新我的_config.yml

markdown: kramdown
highlighter: rouge

3) 在我的帖子中写一些代码

{% highlight javascript %}
$(".myClass").on("click", function(){...});
{% endhighlight %}

但我仍然没有得到任何突出显示。

这是为什么呢？我需要在<head> 中包含特定的css 文件吗？

【问题讨论】：

【解决方案1】：

我认为您可能忘记在本地安装 gem。您不需要添加样式表，但请检查浏览器控制台是否有任何错误。

您还应该能够导出基本样式表并根据需要对其进行扩展：

rougify style base16.solarized.dark > css/syntax.css


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

【讨论】：