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




标签: , , 
1个评论













 
 








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

功能
			



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


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


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


订阅此博客

		
标签云


	

	















































友情链接

	


许可
			
Creative Commons License

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

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