技术

IT这个行当之需求与时间管理 golang结构体和包中的类型或基础类型定义方法 golang中结构体的初始化方法(new方法) 项目管理总结 python函数式编程之-装饰器(Decorators) python文件批量处理 Go,互联网时代的C Python推导式演变(Comprehensions) 项目管理感悟 golang学习简单例子 了解GitHub工作流【译】 PHP Socket的使用 Apache 日志文件格式及简单处理 Python脚本--下载合并SAE日志 PHP命名空间及自动加载 基于CSS3实现尖角面包屑 部署Ceilometer到已有环境中 OpenStack Ceilometer Collector代码解读 OpenStack Ceilometer数据存储与API源码解析 OpenStack Ceilometer中的Pipeline机制 OpenStack Ceilometer Compute Agent源码解读 学习Python动态扩展包stevedore 学习Python的ABC模块 Python包管理工具setuptools详解 OpenStack Horizon 中文本地化 WSGI学习 在虚拟机单机部署OpenStack Grizzly 学习使用python打包工具distutils python包工具之间的关系 给OpenStack创建Ubuntu镜像 OpenStack Grizzly Multihost部署文档 为什么使用pip而不是easy_install HTML中meta标签viewpoint的作用 交互式编程-IPython 页面提速之——数据缓存 给OpenStack创建Win7镜像 Ceilometer的命令行使用 部署一个ceilometer-horizon项目 给OpenStack创建Windows XP镜像 几种企业的存储系统 概念模型、逻辑模型、物理模型的区别 五中常见的开源协议整理(BSD,Apache,GPL,LGPL,MIT) OpenStack监控项目Ceilometer的一些术语 VNC和远程桌面的区别 OpenStack Ceilometer项目简介 虚拟化与云计算中KVM,Xen,Qemu的区别和联系 调试和修改OpenStack中的Horizon部分 JavaScript变量作用域 kanyun worker原理 kanyun server服务 在OpenStack中部署kanyun kanyun的api-client命令 sae下的python开发部署和一个简单例子 OpenStack Nova内部机制 PHP可变变量 JS中防止浏览器屏蔽window.open PHP操作Session的原理及提升安全性时的一个问题

标签


Jekyll的中的代码高亮

2013年04月22日

代码高亮方式选择

1.小片段

直接使用“ ` ”符号包含起来,或者使用一个tab直接利用markdown来做高亮

2.Pygments渲染

Jekyll通过Pygments可以直接处理代码高亮

在Github Pages的文档里,也提到了这个方式,但是总觉得这样有点不是很舒服,打破了markdown的格式

3.gist嵌入方式

这个方式使用了一个插件,而且gist也得管理,增大了开销……

4.js和css处理

这个方式使用了google-code-prettify来渲染代码高亮,本身库并不是很大,使用方便,最后我也选择了这个

Prettify使用

1.下载代码

直接到google-code-prettify官网下载代码,然后将它们放到项目下

2.包含css和js

官网提到了可以直接包含run_prettify.js的方式,这个会导入远程库,我选择了自己导入,如下

<link rel="stylesheet" href="/public/js/prettify/prettify.css">
<script src="/public/js/prettify/prettify.js"></script>
<script type="text/javascript">
  $(function(){
    $("pre").addClass("prettyprint linenums");
    prettyPrint();
  });
</script>

这里导入了css和js后,就可以直接用markdown的tab的方式来导入代码段了

3.更换主题

默认主题不是很好看,只要更换prettify.css即可更换样式,可以到这里下载自己喜欢的主题css即可