使用 kramdown 在 Jekyll 中围栏代码块?

Fenced code blocks in Jekyll with kramdown?

我有一个使用 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 用于自动生成的突出显示,或者我是否需要从某个地方下载 "theme"?我只知道它在 GitHub 页面上工作,因为它在 HTML 中有各种 类,例如 <span class="k">class</span>,但是没有 CSS 应用于它们。

现在可以使用了。我不记得究竟是什么解决了它,但我改变的两个主要事情是:

  1. 我安装了 GitHub 页面 gem。
  2. v0.10 中修复了 kramdown 的一些问题,这些问题包含在 GitHub 页面 gem.
  3. 的最新版本中