【问题标题】:Can Jekyll include source code from other sources than gist?Jekyll 可以包含来自 gist 以外的其他来源的源代码吗?
【发布时间】:2013-11-24 22:00:11
【问题描述】:

我想在帖子中包含突出显示的源代码。

我知道您可以包含这样的要点:

{% gist 5555251 %}

但是您也可以包含本地文件中的任意源代码吗?

【问题讨论】:

    标签: jekyll


    【解决方案1】:

    有不同的方法,有点慢但很容易使用类似http://highlightjs.org的方法


    或者您可以将 jekyll 与 pygments 一起使用:

    安装: apt-get install python-pygments
    在 _config 中配置: pygments: true
    创建高性能 css: pygmentize -S default -f html > stylesheets/pygments.css

    不要忘记在您的页面中加载 css! 来源:http://www.stehem.net/2012/02/14/how-to-get-pygments-to-work-with-jekyll.html


    或者你可以使用 Github 风格的 Markdown:

    在 _config 中配置: markdown: redcarpet

    我不确定,但我认为您需要手动安装 redcarpet gem 和 pygments 才能正常工作。

    来源:Github flavored Markdown and pygments highlighting in Jekyll


    使用 SyntaxHighlighter 插件

    • 至少包含SyntaxHighlighter 的源代码:shCore.css、shThemeDefault.css 和 shCore.js
    • 为每种语言添加对应的 shBrush.js,例如 shBrushRuby.js 用于 ruby​​
    • 在页面末尾添加<script type="text/javascript">SyntaxHighlighter.all()</script> 以初始化插件
    • 将您的代码包装在 {% SyntaxHighlighter lang %} 和 {% endSyntaxHighlighter %} 中,将 lang 替换为您的代码语言
    • 将SyntaxHighlighter.rb 复制到您的_plugins 文件夹中

    示例项目https://bitbucket.org/l33tname/jekyll-syntaxhighlighter/src

    【讨论】:

    • 有没有办法可以将 {% highlight %}-tag 与 Alex Gorbatchev 的 SyntaxHighlighter 一起使用?
    • 我认为这是可能的,但为此您需要覆盖 Liquid 标签highlight 或创建自己的标签jekyllrb.com/docs/plugins/#tags,据我所知,SyntaxHighlighter 没有插件,所以我构建了一个,我更新我的问题
    猜你喜欢
    • 1970-01-01
    • 2018-02-14
    • 1970-01-01
    • 2022-11-30
    • 2016-07-31
    • 2020-06-16
    • 2018-02-07
    • 2011-01-29
    • 2023-03-20
    相关资源
    最近更新 更多