使用Carbon和Polacode從你的編輯器建立代碼截圖

Carbon

Carbon是一個免費的開源庫,用於建立和分享源代碼的美麗圖像。 你能夠經過訪問 https://carbon.now.sh輕鬆使用Carbon。 不管是簡單地開始在框中編寫代碼,或者將文件放入網站上提供的文本區域。php

carbon-box

你能夠從第一個下拉菜單更改顏色主題。 你也能夠從第二個下拉菜單中選擇您的語言。 也能夠經過點擊帶有文本BG的按鈕來更改背景顏色。 還有許多其餘可用選項,你能夠經過單擊設置齒輪圖標進行更改。 單擊保存圖像下載圖像的屏幕截圖。 如下是截圖的樣子:git

carbon-box-review

Carbon 的源代碼能夠在GitHub的 dawnlabs/carbon 的MIT許可下得到。它具備如下功能:github

  • 從GitHub gist 導入
  • 自定義圖片語法,窗口樣式,背景顏色,顏色主題等內容
  • 單擊便可保存或發送推文

Carbon還爲社區建立的各類編輯器和IDE提供插件。你能夠在 這裏 找到他們全部的人。只需選擇代碼或打開文件,而後按照文檔中提供的適當步驟操做便可。微信

若是您正在使用PhpStorm或任何其餘JetBrains IDE,只需選擇代碼並從你打開的上下文菜單中選擇 Open in carbon.now.sh,方法是右鍵單擊所選文本。編輯器

Polacode

PolacodeVisual Studio Code 的擴展,可以讓你快速建立精彩的代碼截圖。它將全部的樣式和主題保留在同一個地方。post

你可能會想,爲何不僅是截圖。網站

  • 它在Windows和Linux上生成體面的圖像
  • 它隱藏了你可能不喜歡的錯誤,警告,行號和其餘標記
  • 它給你很好的視覺效果

你能夠經過打開擴展窗口並搜索 Polacode,從 visual studio code 輕鬆安裝 Polacode。而後點擊安裝,你有這個擴展。插件

如今打開你想要的文件。 在屏幕截圖中選擇你想要的代碼並複製它。 如今轉到 View> Command Palette,而後在框中輸入> polacode 並選擇 Polacode 選項。 它將建立一個單獨的水平窗口。 點擊窗口並在 Windows上 按 Ctrl + V 或 Mac上的 Cmd + V 粘貼代碼。 在代碼下面,你粘貼另外一個窗口,會看到像圖標這樣的攝像頭。 點擊這個圖標並保存圖片。code

vsc-polacode

生成後的圖片看起來是這樣:orm

vs-code-review

那麼,如今繼續建立漂亮的代碼截圖,而後能夠發到微博、微信等你想要發送的地方。

更多PHP知識,請前往 PHPCasts

相關文章
相關標籤/搜索