在Jekyll的博客中实现语法高亮

原文地址: https://blog.cndenis.com/web/2013/11/在Jekyll的博客中实现语法高亮.html

在Jekyll的博客中实现语法高亮方法如下:

1. 在配置文件 _config.yml 启用 pygments, 并使用redcarpet做为渲染引擎.

    pygments: true
    markdown: redcarpet

1. 使用以下格式把代码括起来

    ```python
    print("hello world")
    ```

1. 在页面上添加语法高亮的CSS文件, 像这样:

    <link rel="stylesheet" href="/css/pygments.css" />

说明:

使用 redcarpet 是为了支持所谓的 Github风格的Markdown语法, 也就是像上面的那样三撇号加语言类型的方式进行代码引用, 其他几个渲染引擎要用这种比较别扭的方式来把代码括起来, 我觉得这么写不好看.

语法高亮的定义文件可以在 这里下载, 对应的效果可以在 pygments的官网的Demo里试看.

一直在纠结我的 Blog 中的代码为啥没有语法高亮, 看着Jekyll官网中漂亮的代码就更纠结了, 今天终于解决了, 刚把十几篇文章的代码都加上语言类型, 呼...

本文参考了: GITHUB-STYLE SYNTAX HIGHLIGHTING WITH PYGMENTS

原文地址: https://blog.cndenis.com/web/2013/11/在Jekyll的博客中实现语法高亮.html