Jekyll Bootstrap with Rouge Highlighting not working on Windows
我刚刚开始使用 Jekyll,它看起来是一个非常简洁的工具,但是我无法使用高亮显示。为此,我想使用"胭脂"荧光笔来使用 github 页面稍后将使用的相同工具 - 但是当我的页面被提供时,它们只包含原始代码块。
我不知道我做错了什么。
这是我正在遵循的步骤:
我已将以下部分添加到 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 上托管时。
要做到这一点:
打开终端并输入
运行
将
1 2 3 4 | source 'https://rubygems.org' gem 'github-pages' gem 'wdm' |
打开终端并转到您的项目文件夹。运行
这将使 bundler 为您安装所有 gem 依赖项。添加 gem
第二。不要在
1 2 3 4 5 6 | ```cs public interface ITest : ITestKey { Task<string> SayHello(string name); } ``` |
3rd: 像这样将 GFM 添加到你的
1 2 3 | markdown: kramdown kramdown: input: GFM |
4th:通过运行以下命令为 Jekyll 提供打包服务:
完成!那你应该没事吧!
对于这部分:
I have created css style file by running
rougify style monokai > command
test.cssI have added that style to served page
我不确定你在做什么,所以我不会在循环中引导你。
希望能有所帮助!
好吧。
原来我一切都做得很好......
但是,我也在使用 MetroUI 样式,其中包含网站的默认 metro.js 文件。
原来默认的 metroui 脚本破坏了格式...