如何配置Jekyll语法突出显示?

时间:2019-01-24 02:58:56

标签: jekyll pygments kramdown rouge

通过配置,我的意思是字体大小,字体系列,语法突出显示样式,行号等。我遵循了一些教程,但是它们对我没有用。

我做了什么:

  • markdown: kramdownhighlighter: rouge添加到_config.yml;
  • 直接从头部添加了来自pygments的css主题,并将其导入了main.scss文件中。

我尝试了这一点,但是语法突出显示起作用了,但是在某种程度上受限制了,因为我不能用lineos添加行号。我注意到{% highlight lang_name %}标签无效,只有三重波浪号有效。

欢迎任何帮助

2 个答案:

答案 0 :(得分:0)

已弃用色素。对于highlight标签,您可以考虑使用rouge或将降价代码块与highlight.js一起使用。

答案 1 :(得分:0)

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

  1. 使用bundle exec Jekyll serve来启动您的网站,并导航到带有语法突出显示的代码的页面。
  2. 右键单击代码块,然后选择“检查元素”。应该在侧面或下方打开东西。看起来像这样:

Chrome inspect element

  1. 现在按照自己喜欢的方式使用颜色/字体大小。

  2. 然后将内容复制到main.css文件中。

一个棘手的部分可能是找到主题的main.cssmain.scss文件。尝试为它grep主题目录(使用bundle show theme-name可以看到)。对于“最小错误”,它是\assets\css\main.scss,因为此主题使用scss