Wednesday, June 22, 2011

日誌改造1 - Google Code Prettify

上次說過要在blog加入code block的程式碼式樣, 可以用作記錄日誌改造過程, 在這我使用的是Google Code Prettify, 其他的還有 SyntaxHighlighter, Chili, SHJS, Highlight.js, Lighter.js, JSHE, 等等. 因GCP如像比較簡單, 加上google的大名, 所以選了它. 實作如下:

1.在<head>...</head>之間加入以下code.
<!--  for code prettify -->
<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>

Tuesday, June 21, 2011

日誌改造0 - 備份樣板和器件, 重選樣板

這個日誌已沒有更新了一段時間, 早就想更新了.
初步構思是使加入程式碼式樣css, 可以用作記錄日誌改造過程, 也可以和別人分享程式碼.
此外, 改用blogger的用內建readmore. 還有使用類似showcase的頁面等等.

1.日誌改造的第一步, 就是把舊有樣板備份. 舊樣板也是hack過的, 年代久遠, 已不易記起當日是如何hack, 造一個備份, 以免無沒還原日誌. 方法是:
Design->Edit Html->Download Full Template
改一個易記的名字, 把樣板儲存在電腦中.