html - 在 Jekyll 中实现 Code Prettify 时遇到问题——想使用 `` 而不是

Question

我一直在努力实现 Code Prettify 在我的 Jekyll 中 blog .我遵循了一些指南并能够实现它，但这并不理想。这就是我所做的:

1- 我去了_includes并在 head.html 中添加了必要的文件:

旭日主题:

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer"></script>

主题的CSS文件(在我的GitHub上的css文件夹中):

<link rel="stylesheet" href="/css/prettify.css" rel= 'stylesheet' type='text/css'>

2- 比如我用了标签<pre class= "prettyprint"></pre>测试它。正如您在此 post 中看到的那样(代码块在页面底部)，它确实有效。如果你注意到，你会看到 <iostream>丢失了，因为我使用了 <pre></pre>因此它看到了 <>字符，将它们作为 HTML 并且不显示 <iostream> .这是它的样子:

我可以使用 HTML 实体来修复它，但这并不理想。我已经搜索了 2 个小时，但找不到解决此问题的可靠来源。

---

所以我的问题是:

是否有可能使 Code Prettify 在 markdown 中工作，使用 `` 而不是 <pre></pre> ？如果没有，是否有另一种方法可以在 Jekyll 中实现它？或者让它更容易使用？如果这些都不可能，是否有更好的替代 Jekyll 支持 Code Prettify ？

如果您需要查看其他文件，请查看我的 repository .

Answer 1

使用 Jekyll，您可以使用两种高亮方法:

反引号式围栏代码

在_config.yml中，设置:

kramdown:
  input: GFM

像这样突出显示您的代码:

``` c
include <iostream>
using namespace std;

int main () {
cout << "and then there were none" << endl;
return 0;
}
```

带有高亮液体标签

{% highlight c %}
include <iostream>
using namespace std;

int main () {
cout << "and then there were none" << endl;
return 0;
}
{% endhighlight %}

样式

样式来自_scss/_syntax-highlighting.scss。