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

原创文章，转载请注明： 转载自K.I.S.S. - 简单哲学

本文链接地址: 使用 google-code-prettify 为 Blogspot 添加代码高亮

分享家:Addthis中国

你可能对这些感兴趣：

  1. 在 blogspot 中设定摘要功能
  2. Blogspot 绑定域名的方法
  3. 为 Chromium 调教的 Google Reader
  4. 64 位系统安装 GMLive 网络电视和 Google Gears
  5. 今天邂逅了我的处女 Wall——附解决方法

喜欢这个文章吗？

考虑订阅我们的RSS Feed吧!

标签: , , 发表评论
评论 (2) 引用 (0)
  1. nothing
    2009年03月16日 21:31

    非常有用
    谢谢

    (回复)
  2. Karson
    2011年10月12日 00:42

    很好的插件，谷歌一下，好多博主都在推荐这个插件。我也使用了这插件

    (回复)

Leave a comment

(required)

还没有引用.

» «

分类目录

最新文章

文章归档

功能

关于

哈喽，大家好，我是 Iven。

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

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

订阅此博客

标签云

友情链接

许可

Creative Commons License

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