为了代码高亮这个事情,搞了两天晚上,真是头昏脑胀。
换过电脑之后,先把jekyll的依赖环境ruby/gem/bundle啥的都装上,具体google完成。装上之后可以用命令bundle exec jekyll serve
进行调试了。
项目根目录下面的_config.yml里面有对应的配置,目前是:highlighter: rouge
,rouge的项目地址是:https://github.com/jneen/rouge。
用命令rougify help style
看rouge支持哪些高亮配色,最终选了个普通的github配色,生成css文件:rougify style github > rouge.css
。将该css文件放入项目路径assets/rouge/rouge.css
里去,然后在_includes/head.html
里面添加引用:<link rel="stylesheet" href="/assets/rouge/rouge.css" />
。
然后就可以在文章里面使用啦,使用格式如下(注意「」替换为{}):
「% highlight golang %」
code
「% endhighlight %」
效果如下: