【问题标题】:How to change octopress code block color to github like color?如何将 octopress 代码块颜色更改为 github 之类的颜色?
【发布时间】:2012-11-28 13:52:20
【问题描述】:

Octopress(深色)

Octopress(光)

Github

Octopress 默认颜色不是很好,如何将代码块的颜色更改为类似 Github 的颜色?

【问题讨论】:

  • 您需要启用Pygments,然后使用(pygments-style-github)[pypi.python.org/pypi/pygments-style-github]
  • octopress 是内置的吗? pygments.rb 和 pygments 一样吗? pygments: false # default python pygments have been replaced by pygments.rb 在 _config.yml 中提到默认情况下被替换为 pygments.rb
  • 这与 sass(语法上很棒的样式表)标签有什么关系?
  • @KatieK:因为 octopress 使用 sass,并且 solarize 也是通过 sass 配置的。所以我认为这可能与 sass 有关。

标签: colors github sass codeblocks octopress


【解决方案1】:

我遇到了同样的问题,但我希望在我的帖子中使用 Twilight 配色方案。

您可以使用 kramdown 和 CodeRay 代替 rdiscount,这将让您选择与您的 sn-ps 中的每个代码对象关联的颜色。我写了一篇关于如何做到这一点的博客文章:

http://blog.alestanis.com/2013/02/04/octopress-and-the-twilight-color-scheme/

编辑:

我找到了 coderay here 的 GitHub 主题。

【讨论】:

  • 配色比原来的好,但我还是更喜欢github这样的配色,有没有博客介绍如何转换成类似github的配色?
  • @JsLim 尝试寻找适用于 coderay 的 github 配色方案,然后您只需替换包含所有颜色的文件。
  • @JsLim 找到一个!我把它放在答案中。
  • 我关注你的博客,不幸的是它破坏了整个事情,全部显示在 HTML 而不是代码行
  • @JsLim 很奇怪...您的控制台或浏览器的开发人员工具中是否有任何错误?
猜你喜欢
  • 2017-05-13
  • 1970-01-01
  • 2018-10-26
  • 1970-01-01
  • 2016-03-29
  • 1970-01-01
  • 2013-01-19
  • 2017-12-08
  • 1970-01-01
相关资源
最近更新 更多