使用Jekyll原生代码高亮插件Pygments

04 May 2014

准备工作

安装python 2.7 Python

jekyll 1.5.1还不支持python3

设置环境变量将python的安装目录和\Scripts加入PATH中
安装pip

下载get-pip.py
安装pip python get-pip.py
【可选】配置pip加速源在用户目录下创建~\pip\pip.ini 修改内容为：

[global]
index-url = http://pypi.douban.com/simple

[install]
find-links = http://pypi.douban.com/simple https://pypi.python.org/simple/pygments

安装Pygments

执行pip Pygments

如果出现mimetypes.py的UnicodeEncodeError，可以修改Python27\Lib\mimetypes.py中的编码处理方式

        if sys.getdefaultencoding() != 'gbk':
        	reload(sys)
        	sys.setdefaultencoding('gbk')
        
        default_encoding = sys.getdefaultencoding()

生成Jekyll所需的Pygments CSS文件

在工程目录下，执行 pygmentize -S default -f html > assets\themes\twitter\css\pygments.css
确认_config.yml的pygments设置 pygments: true

修改default.html

路径：_includes\themes\twitter\default.html

<link href="/assets/themes//css/pygments.css?body=1" rel="stylesheet" type="text/css" media="all">

效果

<script type="text/javascript">
function foo(){
  var x = "";
  var time = new Date().getHours();
  
  if (time < 20){
    x = "Good day";
  }else{
    x = "Good evening";
  }
  
  console.log(x);
}
</script>

tech 4

jekyll 4