工具推薦:Carbon 代碼圖片生成器

Carbon 是一款生成精美代碼片斷圖片的工具。有多精美?美輪美奐。編程

以前在逛推特的時候,偶爾能看到一些相似下面這樣的代碼片斷圖片,每次看到都以爲特別精緻。微信

有一次也特別想要這樣的圖片,無奈當時搜索了一下如何製做無果後,比較愚蠢的決定用我略顯笨拙的 PS 技術 P 一張圖,怎麼 P 呢,把他們的圖下載下來,而後把代碼去掉,換成本身的。。。編程語言

做爲一款優秀的代碼圖片生成器,它幾乎能夠操做這個圖片上的全部元素!編輯器

編輯器主題

大部分敲代碼的人總歸是有一款喜好的編輯器主題的,好比我本身就特別喜歡 Material Theme 這款主題。咱們能夠在設置欄中的主題選擇框中選擇本身喜歡的一款主題。工具

編程語言

接下來是不一樣編程語言的語法高亮,支持全部主流的編程語言,也包含一些不一樣格式的配置文件類型,如 YAML,TOML 等。字體

圖片背景

你能夠選擇純背景色,也能夠選擇其餘圖片做爲背景。不過我的以爲純背景色應該已經能知足需求啦~網站

詳細設置

貼心的 Carbon 提供了更爲細微處的控制能力,好比編輯器是圓角仍是方角。詳細的配置以下:cdn

對於窗口編輯器的基本樣式:blog

  • 編輯器的邊框樣式
  • 編輯器距離四周的邊距
  • 是否顯示編輯器的陰影
  • 編輯器陰影的範圍
  • 是否顯示編輯器的控制按鈕(最大化/最小化/關閉)
  • 是否顯示代碼行號
  • 是否自動調整編輯器寬度
  • 是否添加水印

對於代碼部分的基本樣式:圖片

  • 字體類型
  • 字體大小
  • 行間距

由於我最喜歡的字體(Operator Mono)不在裏面,因此我卻是但願能加個自定義字體的功能~

導出圖片

Carbon 不只能夠導出 PNG 格式的圖片,也能夠導出 SVG,或者在線打開。


做爲一款小工具,其功能無疑已經足夠強大了,操做上沒有什麼難度,都是很簡潔明瞭的功能。若是硬要說一些本身以爲不盡如人意的地方,就是每次打開生成圖片,配置項都須要從新設置一遍(解決辦法也有,就是保存這一次編輯好後的網站連接,下次再打開配置就是同樣的了)。

若是你也苦於本身文章中的代碼排版不滿意卻又沒辦法改變,不妨試試這款小工具,對咱們技術自媒體人來講挺實用的。

歡迎關注微信公衆號「X1nFly」~

X1nFly
相關文章
相關標籤/搜索