Xmin blogdown hugo 主题的语法高亮显示

Syntax highlighting for Xmin blogdown hugo theme

我创建了一个Xmin主题的博客,但是代码语法默认没有高亮显示。因此,我按照说明 here 突出显示代码。

根据说明,我输入了以下代码:

head_custom.html中:

<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet">  

并在 foot_custom.html 中:

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/r.min.js"></script>

<script>
hljs.configure({languages: []});
hljs.initHighlightingOnLoad();
</script>  

在这两个文件中,我没有将 <!DOCTYPE html> 放在顶部,因为没有相关说明。

在此之后,我保存了文件和 运行 blogdown:::serve_site()。但是语法没有突出显示。我在这里错过了什么?

另一个问题:如果我想用不同的颜色高亮语法,我需要复制粘贴什么?我查看了 https://cdnjs.com/libraries/highlight.js,但不明白如何使用它。

编辑:

问题是你同时拥有 layouts/partials/foot_custom.html and themes/hugo-xmin/layouts/partials/foot_custom.html. The former will override the latter (more info in Section 2.6 of the book).

要解决您的问题,请将代码从后者 foot_custom.html 移至前者。