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

Jekyll Bootstrap with Rouge Highlighting not working on Windows

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

这是我正在遵循的步骤:

  • 我正在按照 Jekyll Bootstrap 快速入门说明对信函链接进行操作
  • 运行命令 jekyll serve 按预期工作,提供默认网站。命令行中没有错误。
  • 我正在通过 gem install rouge 安装 rouge
  • 我已经通过检查 gem list 验证了 rouge 已安装
  • 我正在向 _config.yml 文件添加荧光笔:胭脂(替换默认的 pygments)
  • 我已将以下部分添加到 MarkDown 页面:

    1
    2
    3
    4
    5
    6
    ``` csharp
    public interface ITest : ITestKey
    {
        Task<string> SayHello(string name);
    }
    ```
  • 我通过运行 rougify style monokai > test.css 命令创建了 css 样式文件

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

    1
    <link href="{{ ASSET_PATH }}/css/test.css" rel="stylesheet" type="text/css" media="all">
  • 现在我希望所服务的页面将包含具有适当跨度的代码块。但情况并非如此 - 不会引发错误或警告,但转换的结果如下:

    1
    2
    3
    4
    5
    6
    7
          [cc]
              <wyn>
                  public interface ITest : ITestKey
                  {
                      Task<string> SayHello(string name);
                  }
              </wyn>

    [/cc]

    有人可以帮忙吗?


    首先要做的事情。

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

    要做到这一点:

  • 打开终端并输入 gem install bundler

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

  • Gemfile(不带任何扩展名)添加到您的站点根目录并在其中键入:

    1
    2
    3
    4
    source 'https://rubygems.org'

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

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

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

    1
    2
    3
    4
    5
    6
    ```cs
    public interface ITest : ITestKey
    {
        Task<string> SayHello(string name);
    }
    ```

    3rd: 像这样将 GFM 添加到你的 _config.yml 中:

    1
    2
    3
    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

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

    希望能有所帮助!


    好吧。
    原来我一切都做得很好......
    但是,我也在使用 MetroUI 样式,其中包含网站的默认 metro.js 文件。
    原来默认的 metroui 脚本破坏了格式...