2012年9月1日星期六

blogger使用syntax highlighter

搞了半天,终于可以在博客中使用syntax highlighter了。其实步骤挺简单的,如下:
1.进入博客后台,点击左侧模板,修改html。
2.把如下代码贴到<head></head>中。



3.在写代码的时候使用<pre class="brush: js"> </pre>把代码包含进去。冒号后面是代码使用的语言。
这样就ok了。
参考文章点击这里
ps:前三行代码中的单引号在页面上不知道怎么都显示成双引号了,直接粘贴可能会有错误,手动改一下就可以了。
补:
最初syntax highlighter在chrome下的两位数行号竟然分两行显示,而在firefox下却是正常的,幸好在stackoverflow上找到了解决方案,替换shCore.css的url后,一切就正常啦。