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

1三/091

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

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

2.在把<body>改成 



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

pre {
margin: 5px 20px;
border: 1px dashed #666;
padding: 5px;
background: #f8f8f8;
white-space: pre-wrap;       /* -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"标签下：

print "Hello world!"





参考：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. 

  2. 在 blogspot 中设定摘要功能
    3. 

  3. 64 位系统安装 GMLive 网络电视和 Google Gears
    4. 

  4. Quartus 8.1在Linux上的安装破解方法
    5. 

  5. 今天邂逅了我的处女 Wall——附解决方法
    6. 





喜欢这个文章吗？


考虑订阅我们的RSS Feed吧!







标签: , , 
发表评论











评论 (1)
引用 (0)










    

  1. 

    

    nothing
    2009年03月16日 21:31
    

    非常有用
    谢谢
    

    [回复]
    (回复)
    

    

    2. 







 



发表评论













































还没有引用.





« Quartus 8.1在Linux上的安装破解方法
花了一下午时间，把博客搬到这里…… »










分类目录
		
				
最新文章
		
		
文章索引模板
		

功能
			



关于
			
哈喽，大家好，我是 Iven。


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


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


订阅此博客

		
标签云


	

	















































友情链接

	


许可
			
Creative Commons License

本博客采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。

转载时必须以超链接形式标明出处和原文地址，商业性网站请勿转载本博客文章。