代碼分享/截圖工具教程

簡(jiǎn)介

對(duì)于開發(fā)者而言，無論是定期的成果匯報(bào)或者是教程演示文檔，都有分享代碼的必要，但是直接貼代碼會(huì)顯得不夠美觀，本文著重推薦兩個(gè)代碼截圖分享工具，Carbon和Polacode，前者是一個(gè)代碼海報(bào)分享工具，支持通過網(wǎng)頁端制作精美的代碼分享海報(bào)，同時(shí)支持很多文本編輯工具的插件如VS Code、Sublime等；后者是一個(gè)代碼截圖生成工具，可定制程度不高但是支持VS Code等主流編輯器的插件，很方便。

Carbon

訪問Carbon的官網(wǎng)鏈接即可使用該工具，其主頁如下圖，可以在編輯框中編寫或者粘貼代碼，下圖紅框區(qū)域?yàn)樵O(shè)置欄，可以對(duì)輸出的代碼海報(bào)進(jìn)行樣式定制。

上圖配置框中選項(xiàng)是代碼高亮樣式，根據(jù)自己的喜好更改即可；后一個(gè)選項(xiàng)為編程語言，如果自動(dòng)檢測(cè)出錯(cuò)，可以自己調(diào)整；再后面的顏色方框（設(shè)置圖標(biāo)左側(cè)）為窗口背景色，默認(rèn)灰色。

點(diǎn)擊上圖框的最右側(cè)的設(shè)置按鈕可以進(jìn)行更多的配置，主要分為窗口配置和編輯器配置，最后的雜項(xiàng)主要是重置這兩個(gè)配置。窗口配置可以修改如海報(bào)底色、陰影效果等，編輯器配置可以修改字體大小、行號(hào)顯示等。

在這個(gè)配置框右側(cè)的兩個(gè)按鈕Tweet和Export用于獲得生成的代碼分享截圖，前者是直接分享到社交平臺(tái)，后者則導(dǎo)出為文件，支持URL。PNG等格式。

這類工具一般不會(huì)太復(fù)雜，所以沒有太多的配置難度，下圖是顯示行號(hào)的Python代碼海報(bào)結(jié)果。

最后，補(bǔ)充一點(diǎn)，Carbon也開發(fā)了一些插件用于IDE，但還是使用官網(wǎng)Web界面進(jìn)行操作方便一些。

Polacode

Ploacode的使用主要是在VS Code平臺(tái)上，需要安裝該插件。直接通過VS Code左側(cè)擴(kuò)展欄查找并進(jìn)行安裝即可，安裝后如下圖。

Polacode的使用也是非常簡(jiǎn)單的，首先通過命令打開Polacode（頂部導(dǎo)航欄View->Command Palette或者Ctrl+Shift+P打開命令界面，輸入Polacode開啟該工具，此時(shí)右側(cè)會(huì)出現(xiàn)一個(gè)Polacode的窗口。）

你可以通過點(diǎn)擊左側(cè)編輯窗口并選擇需要生成圖片的代碼或者點(diǎn)擊右側(cè)Polacode窗口Ctrl+V粘貼代碼到Polacode窗口，預(yù)覽圖會(huì)在右側(cè)顯示。

由于該工具為VS Code的插件，所以代碼高亮規(guī)則也是按照VS Code的代碼高亮配置來的，這點(diǎn)需要明白。下圖是上面代碼的生成結(jié)果，點(diǎn)擊上圖紅框內(nèi)按鈕生成結(jié)果圖，png格式文件。

補(bǔ)充說明

本文主要介紹兩種代碼分享截圖生成工具的使用，前者只需要打開一個(gè)網(wǎng)頁且定制程度高，后者則需要使用VS Code等編輯器定制程度低，個(gè)人推薦前者。

總結(jié)

以上是生活随笔為你收集整理的Carbon和Polacode教程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。