【问题标题】:Jekyll not highlighting with rouge highlighterJekyll 不使用胭脂荧光笔突出显示
【发布时间】:2016-06-12 06:51:25
【问题描述】:

我的 Jekyll 博客(Github 页面)似乎没有正确突出语法,无论是本地托管还是托管在 Github 上。我的_config.yml 如下所示

#Others
markdown: kramdown

# Syntax highlighting
highlighter: rouge
kramdown:
    input: GFM 
    syntax_highlighter: rouge

在一篇文章中,我尝试使用这样的 python 标记来隔离代码块

```python
import urllib2
from bs4 import BeautifulSoup
html = urllib2.urlopen( "http://www.google.com" ).read()
soup = BeautifulSoup(html)
```

但这会使页面没有突出显示link。代码在 Github 上可用 here。我系统上的 Jekyll 版本是3.1.1

【问题讨论】:

  • 你看过这篇文章了吗:help.github.com/articles/…
  • 是的。你能再具体一点吗?因为据我所知,我安装了所有东西并按照所有说明进行操作。
  • 我在想你会在这个链接上找到一些你还没有安装的东西,例如pygments - python 更高。
  • 我安装了所有东西等我想知道你是否知道我在/做错了什么,因为它没有正确渲染

标签: jekyll


【解决方案1】:

在jekyll中写代码sn-ps的三种方式:

1 - 杰基尔高亮

{% highlight python %}
import urllib2
[...]
{% endhighlight %}

2 - 围栏代码块

```python
import urllib2
[...]
```
~~~python
import urllib2
[...]
~~~

3 - markdown 四空格缩进

    import urllib2
    [...]

只有第一个和第二个可以用胭脂产生代码高亮。 第三种,你实际使用的,只用标签包围你的代码,但是你设置的胭脂或任何荧光笔,不会被 kramdown 使用。

因此,您可以切换到第一个或第二个解决方案。

另一件事,如果你想“为你的代码着色”,你需要一个高亮 css。 You can search for pygment style sheets.

【讨论】:

  • 为什么需要外部 CSS?我认为 Github 页面“本机”支持胭脂突出显示?
  • 是的 pygments 或 rouge highlighter 正在生成 html 部分,例如为代码提供一些语义(检查生成的代码,您将看到所有 div 添加了每种“令牌”类型的特定类) .但是样式部分仍然致力于 CSS。 Jekyll 全新安装总是有一个突出显示的 scss 文件。见这里:github.com/jekyll/jekyll/blob/master/lib/site_template/_sass/…
  • 选项 2 有效。只是把代码放在"```java"和"```"之间,其实没有双引号,语言代码来自github.com/jneen/rouge/wiki/…
猜你喜欢
  • 1970-01-01
  • 2021-09-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-27
  • 2014-09-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多