【寫出簡潔程式碼】小試身手、練習篇

[Blog] 如何在網頁Blogger中插入程式碼 主要就是透過Prism選擇好要的風格跟支援的語言選好後下載js跟css： Prismjs.com網址： http://prismjs.com/index.html 一、先把"prism.css"裡面的資料全都貼到 "主題->自訂->進階->新增CSS->新增自訂CSS" 當中，儲存後重新整理即可。

上一篇「在文章中插入程式碼」是針對WordPress架站的解決方案，但是高登在Blogger也有另一個分站「紅豬部落」同步發文，所以就算上一篇沒有網友留言說Blogger不能用，高登也一定要找出在Blogger文章中插入程式碼的解決方案。

blogger 並沒有內建顯示 code block 區塊的方法，但仍有方法可以自己手動新增此功能，來達成將程式碼或文字，放置於 code block 區塊，並有「複製區塊內容」的功能，方便使用者可快速複製。

[blogger] 如何在Google Blogger 文章中嵌入高亮程式碼，並上色（html、javascript、Cpp、Python等） 以下是倒時計時程式碼~javascript 及其它程式範例

從這一篇起，海芋將一連幾篇，慢慢解釋blogger的程式碼，讓您能迅速看懂並修改，而在做任何修改以前，您必須先到後台備分您的程式碼，或是開一個新的blog做實驗，另外建議使用EmEditor、PSPad、Notepad++等編輯器，以免找程式碼找到頭昏眼花喔！

做法 進入 https://gist.github.com，無登入的狀態下 若有登入，可以方便管理之前所有的 Snippet Code 顏色是判斷“副檔名”，所以 先填寫檔名欄位 Create public gist 找到 Embed Code 複製，再到 blog 貼上即可

設定方式就是使用blogger小工具（ HTML / Javascript）並貼上Code Prettify的程式碼，儲存即完成設定。 使用方式則只要在文章編輯中，切換成HTML，在程式碼前後添加<pre>或是<code>標籤，而有些程式需要轉換成HTML的內碼才能顯示。