jekyll - 如何配置 Jekyll 语法高亮？

Question

通过配置，我的意思是字体大小、字体系列、语法高亮样式、行号等。我遵循了一些教程，但它们对我不起作用。

我做了什么：

• 添加markdown: kramdown到highlighter: rouge_config.yml；
• main.scss直接在 head / 将其导入文件中从 pygments 添加了一个 css 主题。

我试过了，语法高亮有效，但方式有限，因为我不能用lineos. 我注意到{% highlight lang_name %}标签不起作用，只是三个波浪号。

欢迎任何帮助

Answer 1

我认为答案在某种程度上取决于您使用的主题。如果您只想更改一些小东西，最好的方法是使用浏览器附带的检查元素功能。

1. 使用语法高亮代码启动您的网站bundle exec Jekyll serve并导航到页面。
2. 右键单击代码块并选择“检查元素”。应该在侧面或下方打开一些东西。它看起来像这样：

3. 现在玩你认为合适的颜色/字体大小。

4. 然后只需将内容复制到main.css文件中即可。

一个棘手的部分可能是为您的主题找到main.cssormain.scss文件。尝试使用 grep 查找主题目录（您使用 看到的目录bundle show theme-name）。对于最小错误，这是\assets\css\main.scss因为这个主题使用scss.

Answer 2

Pygments 已被弃用。对于highlight标签，您可以考虑使用rouge或使用带有highlight.js.