Question

我正在使用jekyll生成我的网站和markdown文件以创建帖子。

我写了降价代码来生成http://techtaste.in/blog/markdown/markdown-quick-reference.html。我在https://github.com/Raghavendrak555/chari.github.io/blob/master/testMarkdown.md中使用了相同的内容。这两个页面呈现不同。前者没有突出显示语法而后者没有。

我可以做些什么来为我的网站中的markdown文件显示相同类型的显示，与github网站中显示的相同。

我是否必须链接任何特定的CSS文件才能实现此目的，或者_config.yml中需要任何配置设置。

提前致谢。

Answer 1

我是否必须链接任何特定的CSS文件才能实现此目的

是的，确实。

首先，您需要指定降价渲染器及其语法highligher。我用这个：

markdown: kramdown
kramdown:
  syntax_highlighter: rouge

（我不确定这是否是绝对必要的，但这是我的工作，它对我有用。）

语法高亮显示器将您的代码包装在一堆span个元素中，这些元素具有特定的类，具体取决于它应该是什么颜色。（在GitHub上，检查突出显示的代码，看看我在说什么。）然后你需要包含为每个类指定颜色的CSS文件。

要查找这些CSS文件，请执行谷歌搜索“流氓语法高亮css文件”或“pygments css”（流氓和pygments使用相同的类名）。 Here是一个很好的列表，但根据this，您可能需要更改一个类名。