小情歌截圖，是一個挺簡單的事，現在能截圖的工具一抓一大把。但是用來截取代碼，大部分工具的效果還不夠好，比如要截取大段多屏幕高度的代碼時，就非常困難。下面聊兩個小而美的工具，專門為代碼截圖而生。

在今天這個日子里，推薦代碼截圖工具不是重點，重點是要用到實處。

又到了每年一次的七（虐）夕（夠）節了，終于可以好好地跟女神（男神）表白了，對于一個在寫（代）字（碼）樓（地）里努力賺（搬）錢（磚）的白（工）領（人）來說，肯定要拿出自己的看家本領了。不管你是買買買，還是吃吃吃，只要能讓女神（男神）開心，都是好方法。

下面介紹一個不一樣的表白方法，帶著一顆飽含深深的愛意的心，還有一段替你表白的富含心意的代碼，也許能讓女神心頭一熱，喜笑顏開呢。

工具篇

首先，工欲善其事必先利其器，上工具。

Polacode

Polacode (https://github.com/octref/polacode) 是一個 Visual Studio Code 的插件，你可以用它將代碼片段生成一個高清圖片。它有一個很棒的特性，是可以完全按照你在 VS Code 中選擇的 字體 和 主題 來生成圖片，你可以通過更改字體和主題，來很輕松地根據自己的喜好來指定樣式。

下面拿 React 中的一個函數來看下效果。

安裝：

• 打開你的 Visual Studio Code

• 打開菜單欄的 View（查看） ==> Extensions（擴展）

• 在輸入框輸入 Polacode ，搜索并安裝即可

使用：

• 通過快捷鍵 Cmd + Shift + P （或者 windows系統 Ctrl + Shift + P） 打開命令面板

• 輸入 Polacode，按 回車（Enter），會看到下面這樣

• 這時候，先把你要截取的圖片復制好，點擊一下上圖中右邊的代碼區域

• 直接 Cmd + V（或者 windows系統 Ctrl + V） 搞定，你可以拖動圖中中間部分來調整截圖內容的跨行等布局問題

• 然后點擊 代碼塊 下的按鈕，就可以導出成圖片了

---

Carbon

Carbon（https://carbon.now.sh/）是一個在線的代碼塊截圖工具，不需要安裝，直接通過網址訪問即可。它提供了很多選項，你可以自己選擇編程語言、顏色主題、背景色、字體等，快速自定義成你喜歡的樣子。而且，可以快速發推（自備梯子），可以導出成 svg、png 等格式的圖片。

相對于 Polacode 來說，無需安裝，配置靈活，定制型非常強。還有一點，就是左上角加了三個 MacOs 的小按鈕樣式，頓時顯得有設計感了，有木有。

還拿上面那個例子，用默認的設置來看下效果：

操作：

• 打開網站，把你的代碼粘貼進輸入框

• 選擇對應的編程語言，選擇字體、主題，選擇顏色......

• 點擊 Save Image 導出圖片

---

實戰篇

在咱搬磚工人的眼中，磚（code）是最美的，要把最美的東西寫成詩送給最愛的女神（男神）。

接下來，實戰來寫幾篇 代碼情詩 ，使出你的洪荒之力吧。

---

---

---

---

---

歡迎在下方留言，寫出你的代碼告白情詩吧~，也許你的女神（男神）會看到呢~。

以上僅供參考，如果沒用（女/男神不喜歡），趕緊去買花、買巧克力、買口紅、買包包、買…….，也許時間還來得及。