Jekyll Bootstrap 无法在 Windows 上使用 Rouge Highlighting

Question

我刚开始使用 Jekyll，它似乎是一个非常好的工具，但是我无法使突出显示工作。为此，我想使用 'rouge' 荧光笔来使用稍后将由 github 页面使用的相同工具 - 但是当我的页面被提供时，它们只包含原始代码块。我不知道我做错了什么。

这是我正在执行的步骤：

我正在遵循 Jekyll Bootstrap 快速入门说明 Link
运行命令 jekyll serve 按预期工作，提供默认网站。命令行中没有错误。
我正在通过 gem install rouge
我已通过检查 gem 列表
我正在添加 highlighter: rouge 到 _config.yml 文件（替换默认的 pygments）

我已将以下部分添加到降价页面：

``` csharp
public interface ITest : ITestKey
{
    Task<string> SayHello(string name);
}
```

我已经通过运行创建了 css 样式文件 rougify 样式 monokai > test.css 命令

我已将该样式添加到服务页面

<link href="{{ ASSET_PATH }}/css/test.css" rel="stylesheet" type="text/css" media="all">

现在我希望服务页面包含具有适当跨度的代码块。但事实并非如此——没有错误或警告被抛出，但转换的结果如下：

  <div class="highlighter-rouge">
      <pre class="highlight">
          <code>
              public interface ITest : ITestKey
              {
                  Task&lt;string&gt; SayHello(string name);
              }
          </code>
      </pre>
    </div>

有人可以帮忙吗？

Answer 1

那么首先要做的事。

第一。运行 Jekyll 槽 Bundler，这是最推荐的方法，特别是在 GitHub 页面上托管时。

为此：

打开终端并输入gem install bundler
运行 bundle update 以便更新所有本地 gem。
将 Gemfile（没有任何扩展名）添加到您的站点根目录并在其中键入：
```
source 'https://rubygems.org'

gem 'github-pages'
gem 'wdm'
```
打开终端并转到您的项目文件夹。运行 bundle install.

这将使捆绑器为您安装所有 gem 依赖项。添加 gem wdm 将允许您在 Windows 上正确地运行一切。 Bundler 将创建一个名为 Gemfile.lock 的文件，其中将列出所有使用的 gem 和依赖项。

第二。 ```和代码语言之间不要留空格：

```cs
public interface ITest : ITestKey
{
    Task<string> SayHello(string name);
}
```

3rd：将 GFM 添加到您的 _config.yml，方法如下：

markdown: kramdown
kramdown:
  input: GFM

4th：通过此命令为 Jekyll 提供捆绑器运行：bundle exec jekyll serve --watch

完成！那你应该没问题吧！

对于这部分：

I have created css style file by running rougify style monokai > test.css command

I have added that style to served page

<link href="{{ ASSET_PATH }}/css/test.css" rel="stylesheet" type="text/css" media="all">

我不确定你在做什么，所以我不在循环中指导你完成。

希望对您有所帮助！

Answer 2

好的。原来我做的一切都很好...... 但是，我还使用了 MetroUI Styling，默认 metro.js 文件包含在网站中。结果是默认的 metroui 脚本破坏了格式...

Jekyll Bootstrap 无法在 Windows 上使用 Rouge Highlighting

Jekyll Bootstrap with Rouge Highlighting not working on Windows

jekyll

jekyll-bootstrap

rouge