【问题标题】:Fenced code blocks in Jekyll with kramdown?Jekyll 中带有 kramdown 的围栏代码块?
【发布时间】:2016-02-18 17:57:16
【问题描述】:

我有一个使用 Jekyll 构建的 GitHub Pages 站点,我想在该站点上添加代码突出显示。

当我尝试使用受保护的代码块时,它们不会在本地呈现,但它们在实时 GitHub 站点上运行良好。

我的 Markdown 文件是这样的:

```php
<?php

class Hello extends World
{
}
```

我的配置是这样的:

markdown: kramdown
kramdown:
  input: GFM

highlighter: rouge

我最初没有安装 kramdown 或 rouge,但我现在都安装了,并确保一切都是最新的(Jekyll 是 3.1.1)。代码必须没问题,因为它可以在实时站点上运行。但我一定是在本地遗漏了一些东西。

编辑:the answer here 也不适合我。


也可能相关,是否应该有用于自动生成的突出显示的 CSS,或者我需要从某个地方下载“主题”?我只知道它在 GitHub Pages 上工作,因为它在 HTML 中有各种类,如 &lt;span class="k"&gt;class&lt;/span&gt;,但没有应用 CSS。

【问题讨论】:

  • 我认为 3.1.1 中有一个 bug,可能是 GH 和 local 的区别。 talk.jekyllrb.com 上有一些关于此的主题。我不使用捆绑器,但我认为您的本地配置需要使用捆绑器运行才能使输入:GFM 工作。可能是完全错误的。至于 rouge 的 css,你需要提供,在这里查看:github.com/mojombo/tpw/blob/master/css/syntax.css

标签: jekyll syntax-highlighting github-pages kramdown rouge


【解决方案1】:

这正在工作。我不记得到底是什么解决了它,但我改变的两个主要内容是:

  1. 我安装了 GitHub Pages gem。
  2. kramdown 的一些问题已在 v0.10 中得到修复,该版本包含在最新版本的 GitHub Pages gem 中。

【讨论】:

    猜你喜欢
    • 2017-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多