[Blogger小技巧] 免用小工具無痛完成自訂義的程式碼區塊

好久沒寫技術分享文了
用過許多平台寫過文章之後再回來這
發現 Blogger 的程式碼區塊使用起來實在不是很理想
想想乾脆用結圖的方式,但是讀者又不方便做複製的動作
文章編輯器裡的使用程式碼格式沒有看到效果
外掛又需要去版面設定加入 HTML/JavaScript
在文章中需要程式碼區塊的時候又要切換到 HTML 檢視
把程式碼用<pre></pre>包起來
實在是很不好用

某天在使用 Google Docs 的時候發現一個應用工具叫做
Code Blocks
名字非常的簡單明瞭就是"程式碼區塊"
使用步驟如下:

  1. 安裝 Code Blocks
  2. 開啟一個新的 Google Docs
  3. 把你想貼的程式碼貼到 Google Docs 中 (這邊拿上一篇 layer-list 應用裡的程式碼來做示範)



  4. 反白程式碼後,點選:外掛程式 -> Code Blocks -> Start



  5. 底下執行中轉轉轉完,右邊會出現一個設定區塊,就可以根據你的程式語言和主題進行 Format,也可以先點選 Preview 預覽格式,再決定是否要套用。



  6. Format 之後就可以複製貼到 Blogger 囉,這邊注意一下它套用完之後是放到單格表格內,所以要選取整個儲存格再做複製,才能把整個格式複製過來喔~~如下圖:


一起來分享你腦袋中的知識吧~

留言

這個網誌中的熱門文章

[Kotlin筆記]Java和Kotlin語法比較(打印訊息print、Log、變數宣告)

[Android] Android Studio 修改PackageName 和專案資料結構