代碼分享工具-Carbon和Polacode教程

代碼分享/截圖工具教程

簡介

對於開發者而言,無論是定期的成果彙報或者是教程演示文檔,都有分享代碼的必要,但是直接貼代碼會顯得不夠美觀,本文着重推薦兩個代碼截圖分享工具,Carbon和Polacode,前者是一個代碼海報分享工具,支持通過網頁端製作精美的代碼分享海報,同時支持很多文本編輯工具的插件如VS Code、Sublime等;後者是一個代碼截圖生成工具,可定製程度不高但是支持VS Code等主流編輯器的插件,很方便。

Carbon

訪問Carbon的官網鏈接即可使用該工具,其主頁如下圖,可以在編輯框中編寫或者粘貼代碼,下圖紅框區域爲設置欄,可以對輸出的代碼海報進行樣式定製。

在這裏插入圖片描述

上圖配置框中選項是代碼高亮樣式,根據自己的喜好更改即可;後一個選項爲編程語言,如果自動檢測出錯,可以自己調整;再後面的顏色方框(設置圖標左側)爲窗口背景色,默認灰色。

點擊上圖框的最右側的設置按鈕可以進行更多的配置,主要分爲窗口配置和編輯器配置,最後的雜項主要是重置這兩個配置。窗口配置可以修改如海報底色、陰影效果等,編輯器配置可以修改字體大小、行號顯示等。

在這裏插入圖片描述

在這個配置框右側的兩個按鈕Tweet和Export用於獲得生成的代碼分享截圖,前者是直接分享到社交平臺,後者則導出爲文件,支持URL。PNG等格式。

這類工具一般不會太複雜,所以沒有太多的配置難度,下圖是顯示行號的Python代碼海報結果。

在這裏插入圖片描述

最後,補充一點,Carbon也開發了一些插件用於IDE,但還是使用官網Web界面進行操作方便一些。

Polacode

Ploacode的使用主要是在VS Code平臺上,需要安裝該插件。直接通過VS Code左側擴展欄查找並進行安裝即可,安裝後如下圖。

在這裏插入圖片描述

Polacode的使用也是非常簡單的,首先通過命令打開Polacode(頂部導航欄View->Command Palette或者Ctrl+Shift+P打開命令界面,輸入Polacode開啓該工具,此時右側會出現一個Polacode的窗口。)

你可以通過點擊左側編輯窗口並選擇需要生成圖片的代碼或者點擊右側Polacode窗口Ctrl+V粘貼代碼到Polacode窗口,預覽圖會在右側顯示。

在這裏插入圖片描述

由於該工具爲VS Code的插件,所以代碼高亮規則也是按照VS Code的代碼高亮配置來的,這點需要明白。下圖是上面代碼的生成結果,點擊上圖紅框內按鈕生成結果圖,png格式文件。

在這裏插入圖片描述

補充說明

本文主要介紹兩種代碼分享截圖生成工具的使用,前者只需要打開一個網頁且定製程度高,後者則需要使用VS Code等編輯器定製程度低,個人推薦前者。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章