Jekyll Bootstrap with Rouge Highlight 在 Windows 上不起作用

Question

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

这是我正在遵循的步骤：

1. 我正在按照 Jekyll Bootstrap 快速入门说明到字母链接
2. 运行命令 jekyll serve 按预期工作，默认网站提供。命令行中没有错误。
3. 我正在通过宝石安装胭脂安装 rouge
4. 我已经通过检查宝石列表验证了胭脂是否已安装
5. 我正在添加荧光笔：胭脂到 _config.yml 文件(替换默认的侏儒(

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

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

7. 我通过运行 rougify 样式 monokai> 测试创建了 css 样式文件.css命令

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

   <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

首先要做的事。

1st. 通过捆绑器运行 Jekyll trough，这是最推荐的方法，尤其是在 GitHub 页面上托管时。

为此：

1. 打开终端并键入gem install bundler

2. 运行bundle update以更新所有本地宝石。

3. 将Gemfile(不带任何扩展名(添加到站点根目录，并在其中键入：

   source 'https://rubygems.org'
   gem 'github-pages'
   gem 'wdm'
   

4. 打开终端并转到您的项目文件夹。运行bundle install .

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

2nd. 不要在```和代码语言之间留空格：

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

第三：通过这样做将 GFM 添加到您的_config.yml：

markdown: kramdown
kramdown:
  input: GFM

第 4 次：通过运行以下命令为杰基尔提供捆绑器：bundle exec jekyll serve --watch

做！那你应该没事了！

对于这一部分：

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

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

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

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

希望对您有所帮助！

Answer 2

好的。事实证明，我做的一切都很好...但是，我也使用MetroUI样式，其中包含默认的metro.js文件到网站。事实证明，默认的 metroui 脚本破坏了格式...