RoBoard魔人的機器人日誌

2011/12/8

[推薦] 在blogger裡使用google-code-prettify

我想會來到魔人這邊的訪客大部分應該都對機器人有興趣

甚至有已經接觸過機器人的吧?

成品作出來之後當然會想拿出來和大家分享囉!!

機器人免不了要經過coding的過程

所以這邊推薦一個蠻好用的程式碼高亮度顯示程式



安裝步驟按照下面作計可以囉~


首先到Blogger的[資訊主頁]   選擇[設計]

然後找到[修改HTML] 將以下所有內容貼至<head>至</head>之間

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' type='text/css' rel='stylesheet' />
<script type='text/javascript' src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js'></script>





















下一個步驟必須要找到<body> 然後再onload的事件加入prettyPrint();

找不到<body>的話可以直接用搜尋(ctrl+F) 找"<body"字串



onload='prettyPrint()'



















做完以上的步驟之後就可以在你的文章中貼漂亮的程式碼囉

不過貼了之後  還要到原始碼模式

在程式碼前後加上
<pre class="prettyprint">
//這邊貼程式碼
</pre>


還有必須注意的一點為

程式碼不可在原始碼模式下直接貼上

否則原始碼模式會把& < >字元吃掉

在原始碼模式下
“&” 需轉換為 “&amp;”
”<” 需轉換為 “&lt;”
”>” 需轉換為 “&gt;”



貼個小範例程式吧!
#include "stdio.h"
int main(){
   printf("Hello, World!");
   getchar();
   return 0;
}
Share:

0 留言:

張貼留言

技術提供:Blogger.

追蹤者