首页 文章

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

提问于
浏览 次
0

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

这是我遵循的步骤：

  • 我正在关注Jekyll Bootstrap快速入门指示信Link

  • 运行命令 jekyll serve 按预期工作，提供默认网站 . 命令行没有错误 .

  • 我正在通过 gem install rouge 安装胭脂

  • 我已通过检查 gem list 已验证安装了胭脂

  • 我将 highlighter: rouge 添加到_config.yml文件中（替换默认的pygments）

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

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



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


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

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

现在我希望所提供的页面包含具有适当 Span 的代码块 . 但情况并非如此 - 没有抛出任何错误或警告，但转换的结果如下：

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

有人可以帮忙吗？

jekyll jekyll-bootstrap rouge

2 回答

  • 0

    首先是第一件事 .

    1st . 运行Jekyll槽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 的文件，其中将列出所有使用的gem和依赖项 .

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

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

    
 **3rd** ：通过这样做将GFM添加到 `_config.yml` ：

```java
markdown: kramdown
kramdown:
  input: GFM

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

    完成！那你应该没问题！

    对于这部分：

    我通过运行rougify样式monokai> test.css命令创建了css样式文件我已将该样式添加到服务页面<link href =“{} / css / test.css”rel =“stylesheet”type =“ text / css“media =”all“>

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

    希望有所帮助！

    回复于
  • 0

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

    回复于

相关问题