K.I.S.S. – 简单哲学 Linux, Freedom, Arch, Python, Gtk+, C … Keep It Simple, Stupid!

1三/092

使用 google-code-prettify 为 Blogspot 添加代码高亮

Blogspot本身没有代码高亮，pre标签只是一个摆设，对于经常要贴代码的人来说简直不可容忍，怎么办呢？
可以使用 google-code-prettify 为代码添加高亮，参见这里。
简单说下方法：
1.在 自定义-布局-修改模板HTML 中，<head>和</head>之间加入： 

<link href="prettify." type="text/" rel="stylesheet" /><script type="text/javascript" src="prettify.js"></script>

2.在把<body>改成 

<body onload="prettyPrint()">

3.修在pre标签到你喜欢的样式，比如： 

pre {margin: 5px 20px;border: 1px dashed #666;padding: 5px;background: #f8f8f8;white-space: pre-wrap;       /* css-3 */white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */white-space: -pre-wrap;      /* Opera 4-6 */white-space: -o-pre-wrap;    /* Opera 7 */word-wrap: break-word;       /* Internet Explorer 5.5+ */}

4.现在可以在你的帖子里使用代码高亮了！在"修改Html"标签下： 

<pre class="prettyprint">print "Hello world!"</pre>

参考：http://edwin-chain.blogspot.com/2008/11/how-to-publish-source-code-in.html

标签: , , 2 评论
   

分类目录

最新文章

文章归档

功能

关于

哈喽，大家好，我是 Iven。

你可以点击这里与我聊天。

如果你喜欢我的博客，欢迎：

订阅此博客

标签云

友情链接

许可

Creative Commons License

本博客采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
转载时必须以超链接形式标明出处和原文地址，商业性网站请勿转载本博客文章。