Alan程式實驗室: 網誌貼上 sample Code

撰寫技術文章時，時常需要貼上Sample Code方便閱讀與紀錄，
這時使用網路上大家推薦的Google Code Prettify，在版面配置內加入小工具，
簡單幾個步驟就可做到在Blogger放上程式碼囉!!

1.於後台的版面配置中選擇新增小工具

2.選擇HTML/JavaScript這個小工具

3.於內容中填入程式碼，標題可不填

填入下列語法

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

要特別注意如果有"<"、">"、"&"、需將 "&" 轉換為 "&"、"<" 轉換為 "<"、">" 轉換為 ">"；網頁才有辦法正確讀出該段程式碼，可使用線上轉換小工具HtmlEncode

4.於撰寫新文章時在需要填入程式碼的地方用HTML編輯，填入以下程式碼就完成了

<pre class="prettyprint">
你的程式碼...
</pre>

5.如果想讓程式碼區塊顯示行號需在class內加入linenums

<pre class="prettyprint linenums">
你的程式碼...
</pre>

6.再加入下列語法使每行都出現行號

<style type="text/css">
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: decimal !important }
</style>

7.也可變更顯示樣式，只需在最後加入顯示樣式(Skin Gallery)，skin所指定的顯示字樣即可

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"></script>

就完成程式碼區塊顯示囉~

1.實作用C#讀取Excel資料寫入資料庫

2.使用EPPlus讀取資料庫資料產出Excel檔案

Alan程式實驗室