Jekyll Bootstrap with Rouge突出顯示不能在Windows上工作

我剛剛開始使用Jekyll，它看起來像一個非常整潔的工具，但是我無法突出顯示工作。我想使用'rouge'熒光筆來達到這個目的，以便使用github頁面以後使用的相同工具 - 但是當我的頁面被投放時，它們只包含原始代碼塊。我不知道我在做什麼錯。Jekyll Bootstrap with Rouge突出顯示不能在Windows上工作

這是我下面的步驟：

我下面傑奇引導快速入門指南，以信Link
運行命令化身成爲按預期工作，默認網站提供服務。命令行沒有錯誤。通過寶石

我安裝胭脂安裝胭脂
我已經驗證了胭脂通過檢查寶石列表安裝
我加入熒光筆：胭脂到_config.yml文件（更換默認Pygments來做）

我已經添加到以下部分降價頁：

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

我已經運行rougify樣式創建CSS樣式文件monokai> 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>

任何人都可以請幫忙嗎？

來源

2016-02-07 actionjezus6

好的。原來我一切都很好... 但是我也使用MetroUI Styling默認的metro.js文件包含到網站。原來默認的metroui腳本破壞了格式化...

來源

2016-02-10 21:55:20 actionjezus6

然後第一件事。

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的文件，它將列出所用的所有寶石和依賴關係。

2nd。不要讓```和代碼語言之間的空格：

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

：添加GFM您_config.yml做這樣的：

markdown: kramdown 
kramdown: 
    input: GFM

第四：用捆綁即成哲基爾這個命令運行：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-07 18:52:59

Jekyll Bootstrap with Rouge突出顯示不能在Windows上工作

回答

相關問題