「blogger」使用 google code prettify & CSS Block 來美化部落格裡的 code

Standard

因為看到別人寫部落格都有美美的ocde欄,
因此最近也來研究了一下要怎麼插入code欄

參考教學

在網頁中嵌入顯示程式碼:Google Code Prettify

以下是一點點follow上面的紀錄:
新增小工具:HTML/JavaScript,
然後在哪一欄新增都沒關係(這裡的示範是在側欄)





然後貼上代碼,
標題那欄「一定」要空白喔~



使用方法

在打開文章編輯器,
重點來了!!
要從撰寫改成HTML,才有用



然後打貼入以下代碼格式
<pre class="codeblock prettyprint">
code
</pre>
附上html語法轉換器:http://www.elliotswan.com/postable/

效果展示(不知道為什麼沒顏色QQ)

public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, shannon112!");
    }
}

0 comments:

張貼留言

留言