在blogger中分享程式碼

網路上有許多方法可以將程式碼嵌入在文章中，找來找去找到這個方便又美觀：

google/code-prettify

使用方法如下：

1) 在blooger設定中選取版面配置

2) 點選新增小工具

3) 點選HTML/JavaScript

4) 在內容輸入

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>

儲存以後就ok了，往後在打文章時，只要在"撰寫"旁邊的"html"中增加：

<pre class="prettyprint">
// 要顯示的程式碼
<pre>

這樣就好囉，但是如果有<>之類的符號就要轉成HTML–encode，
自動轉換網站：
HTML Encoder、在線HTML編碼器 - Convert String


另外，code prettifier也可以選擇顯示的主題，共五種：在這
在這裡有更詳盡的解釋

簡單說只要在加入小工具中的程式碼後面加上?skin=想要的主題就可以了，比如說喜歡的主題是sunburst，那就輸入：

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?skin=sunburst"></script>

這樣也就都搞定囉~