在Blogger插入程式碼高亮顯示

這個方法老實說筆者我也找了好久才找到,之前都只找到利用CSS的方法將背景區隔
和文字部分往右移動一些,與內文區隔。

畢竟是別人提供的部落格,本來一直想說自己來寫一個部落格,作為分享與筆記
日後可以用到,也比較活用,包括在插入程式碼的高亮顯示方式,可以多一個按鈕
就不必在撰寫模式後,再回到雜七雜八的HTML模式再多加入標籤。

好了,雖然這個方法也是必需在雜七雜八的HTML模式下多插入標籤。
但這是目前看到在Blogger效果最好的一個方法。
廢話不多說,來開始說明:



首先,你必須先進入「範本」然後「編輯HTML」

然後找到 </head> 的上方一行 插入程式碼,程式碼如下











接著存檔後,就可以使用啦!
如何使用呢,請參考如下 —— 


<?php
$example = range(0, 9);
foreach ($example as $value)
{
 echo $value;
}
其實就是在你的程式碼 用 <pre class="brush:php;">程式碼</pre> 包起來就行了唷!


From: One Q, One A

沒有留言:

張貼留言