2012年9月3日星期一

google 博客(blogger blog)代码高亮

经过修饰的代码可读性要比没有排版的强,代码看起来也舒服很多,下面是在google博客中使用代码高亮的方法: 步骤一:在博客控制面板中(即blogger信息中心),点击“模板”
步骤二:点击“修改HTML”
步骤三:点击“继续”接受提醒
步骤四:在你的模板中找到标签
步骤五:复制粘贴下面的HTML 代码






可以通过修改步骤五中的相关信息来改变代码高亮的风格,本文中决定风格的是这个链接:

要想使用白色背景,请把上面的 "shThemeEmacs.css"改为"shThemeDefault.css",这个页面有更多的风格: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
步骤六:点击“保存模板”
步骤七:点击“关闭”
步骤八:进入发布帖子的状态,选择HTML模式,复制下面的标记文本
<?php
$example = range(0, 9);
foreach ($example as $value)
{
 echo $value;
}
步骤九:点击“发布”完成
发布后的效果如下图:

没有评论:

发表评论