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

Question

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

为此我做了：

1）安装rouge并kramdown在我的 Gemfile

gem 'kramdown'
gem 'rouge'

2）更新我的_config.yml

markdown: kramdown
highlighter: rouge

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

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

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

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

score 1 · Accepted Answer

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

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

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


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

1 回答 1