1

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

这是我正在遵循的步骤：

  1. 我正在按照 Jekyll Bootstrap 快速入门说明对信函链接进行操作
  2. 运行命令jekyll serve按预期工作，提供默认网站。命令行中没有错误。
  3. 我正在通过gem install rouge 安装 rouge
  4. 我已经通过检查gem list验证了 rouge 已安装
  5. 我正在向 _config.yml 文件添加荧光笔：胭脂（替换默认的 pygments）

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

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

  7. 我通过运行rougify style monokai > test.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>

有人可以帮忙吗？

4

2 回答 2

1

那么首先要做的事情。

第一个。运行 Jekyll tr​​ough Bundler，这是最推荐的方法，特别是在托管 GitHub Pages 时。

要做到这一点：

  1. 打开你的终端并输入gem install bundler

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

  3. 将一个Gemfile（不带任何扩展名）添加到您的站点根目录并在其中键入：

    source 'https://rubygems.org'

gem 'github-pages'
gem 'wdm'

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

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

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

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

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

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">

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

希望有所帮助！

于 2016-02-07T18:52:59.997 回答
0

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

于 2016-02-10T21:55:20.963 回答