Tim Blog

[Google] Google文件使用Code Blocks顯示漂亮程式碼

2023/02/03

使用Google Chrome的話，可以利用擴充功能來取的Code Blocks插件來美化程式碼，如下圖Google文件編輯頁面選擇「擴充功能」=>「外掛程式」=>「取得外掛程式」。

跳出Google Workspace Marketplace視窗輸入「code」，就會預設Code Blocks讓你選擇。

選擇Alex Forsythe製作的Code Blocks，其下載數量截至2023/2/03已經有5,762,173次。

彈出此視窗直接點擊「安裝」即可。

準備安裝畫面點擊「繼續」。

安裝之前需要先選擇要把這插件安裝在哪一個帳號底下。

確認你的使用帳戶，點擊下方的「允許」。

彈出安裝完成和使用教學視窗，點擊「完成」就可開始使用。

把程式碼複製貼上，選取整段程式碼使其反白，如下圖所示。

選擇上方「擴展功能」=>「Code Blocks」=>「Start」

點擊Start後，會在螢幕右方出現「Code Blocks」的子視窗，可以選擇程式碼的語言是什麼『Language』，但一般選擇「auto」讓系統自動判定，也可自己手動選擇，接下來的「Theme」是佈景主題，裡面有xcode主題、vs主題、、、等等，自由挑選，最後確定套用格式之前可以先預覽「Preview」，或者不預覽直接套用格式，點擊「Format」就完成程式碼套用。

以下圖是套用結果，比原本白底黑字且散亂的程式碼好看多了。

Reference:

[1]https://louis383.medium.com/google-%E6%96%87%E4%BB%B6%E9%A1%AF%E7%A4%BA%E7%A8%8B%E5%BC%8F%E7%A2%BC%E7%9A%84%E6%8A%80%E5%B7%A7-4647824d7b76

Edit by http://www.hangsian.com/tw/blog/