Question

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

这是我要遵循的步骤：

我按照Jekyll Bootstrap快速入门说明进行了Link
运行命令 jekyll serve 按预期工作，提供默认网站。命令行没有错误。
我通过 gem install rouge
我已通过检查 gem list
我正在将荧光笔：胭脂添加到 _config.yml 文件中（替换默认的pygments）

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

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

我通过运行 rougify style monokai＆gt;创建了css样式文件。 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 trough Bundler，这是最推荐的方法，特别是在GitHub页面上托管时。

要做到这一点：

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

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

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

<强>第二即可。不要在```和代码语言之间留下空格：

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

第3次：通过以下方式将GFM添加到_config.yml：

markdown: kramdown
kramdown:
  input: GFM

第4次：通过运行此命令为捆绑者提供Jekyll服务：bundle exec jekyll serve --watch

完成！那你应该没问题！

对于这部分：

我通过运行rougify style monokai > test.css命令
创建了css样式文件
我已将该风格添加到投放页面

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

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

希望有所帮助！

Answer 2

好的。事实证明我做得很好...... 但是我也使用MetroUI Styling将默认的metro.js文件包含在网站中。事实证明，默认的metroui脚本打破了格式化......

带有Rouge突出显示的Jekyll Bootstrap无法在Windows

2 个答案: