一般寫好的 Source code 都需要 js 來加上顏色,頁面要呈現就需要額外的 js / css,此工具是加上顏色後,直接變成圖片存檔,所以可以直接在頁面上用圖片呈現,不需任何外掛程式。
Carbon 很適合用在投影片 或者 要用 Messenger 等分享某段程式碼使用。(對於要複製程式碼去使用的,就不適合)
好站:Carbon 將 原始碼 產生彩色的螢幕截圖
在 Carbon 貼上程式碼後,可以挑選字型、程式語言、背景色、視窗的框框等等,再來按 Save Image 即可。
- 網站:Carbon:Create and share beautiful images of your source code.
- GitHub Source Code:dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
- 範例:https://carbon.now.sh/?bg=rgba(171,%20184,%20195,%201)&t=seti&l=auto&ds=true&wc=true&wa=true&pv=48px&ph=32px&ln=false
Carbon 與 Vim Plugin 搭配操作方式
- Carbon 有 Vim Plugin:kristijanhusak/vim-carbon-now-sh: Open selected text in https://carbon.now.sh
- 於 Vim 裡面
- 使用 v 選取程式碼後,
- :CarbonNowSh
- 會自動打開瀏覽器的 Carbon 頁面,將程式碼貼入頁面,即可抓圖
- 下述於 .vimrc 設定瀏覽器、快速鍵
- let g:carbon_now_sh_browser = 'google-chrome' " 設定瀏覽器,會用此瀏覽器打開 Carbon 頁面
- vnoremap <F5> :CarbonNowSh<CR> " 設定 Vim 快速鍵抓圖
- 於 Vim 裡面