Prism + Blogger (部落格貼程式碼用)

Prism
1. 先去 Prism 選個佈景主題 (目前有7個)
2. 參考這篇，選好佈景主題，程式語言，外掛(目前只有選顯示行數)
3. 下載 JS 和 CSS 檔

Blogger
1. 進入blogger控制區後 (就是有所有發表文章，統計資料，留言等)，看左半邊；選擇左邊的"版面配置"後，右邊會呈現blogger的版面配置，找到"sidebat"後，點選新增小工具，選擇"HTML/JavaScript"
2. 先輸入，並將剛剛下載的JS檔，拿掉網址的註解，其餘程式拷貝貼上中間，如，"儲存排列方式"
3. 回到blogger控制區，找到"主題->自訂->進階->新增CSS->新增自訂CSS"，將所有CSS資料全數貼上應該就行了

Test

<pre><code class="language-c line-numbers">
int main (void)
{
    print("Hello Prism");
    return 0;
}
</code></pre>

Test2

test2 test2 test2

<pre style="background-color: #eff0f1; border-radius: 3px; border: 0px; box-sizing: inherit; color: #242729; font-family: consolas, menlo, monaco, &quot;lucida console&quot;, &quot;liberation mono&quot;, &quot;dejavu sans mono&quot;, &quot;bitstream vera sans mono&quot;, &quot;courier new&quot;, monospace, sans-serif; font-size: 13px; font-stretch: inherit; line-height: inherit; margin-bottom: 1em; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px 8px; vertical-align: baseline; width: auto;"><code style="border: 0px; box-sizing: inherit; font-family: consolas, menlo, monaco, &quot;lucida console&quot;, &quot;liberation mono&quot;, &quot;dejavu sans mono&quot;, &quot;bitstream vera sans mono&quot;, &quot;courier new&quot;, monospace, sans-serif; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">test2 test2 test2</code>

</pre>

Test3

12345

ref:
1. PJCHENder 那些沒告訴你的小細節
2. 做自己好好過生活