?? 代碼界的美圖秀秀

推上經常看到有人用圖片的方式分享代碼,例如:

一直不知道這種圖片是用什麼工具生成的。後來知道了,用的是Carbon!

Carbon?

carbon.now.sh

我們也有在微信、QQ、微博等社交媒體分享代碼的需要,最簡單的方式就是截屏。截屏相當於手機直接拍照而不修圖,快捷但是不高大上。想把你的代碼美化一下在發出去,咱們就用一下Carbon。

Carbon有這麼幾種用法:

1,直接複製代碼到輸入區

2,拖拽一個程序文件到輸入區

3,把一個gist的id放在地址後面。

例如

我有一個gist,地址是:

https://gist.github.com/clong365/7464a1921f549319368d071829b6a208

那麼,下面地址就可以生成代碼的圖片了:

https://carbon.now.sh/7464a1921f549319368d071829b6a208

生成圖片的時候,代碼主題、語言、背景顏色等等都可以自由設置。

------------------------------------------------------------------------

評論區有人指出直接在IDE里截屏就可以啊。當然可以,但是那個只相當於手機自帶的相機,方便快捷,沒有各種後期修圖美顏功能。

這裡介紹一個VSCode的插件,polacode。

Polacode - Visual Studio Marketplace?

marketplace.visualstudio.com圖標

這個頁面上正好有插件作者解釋為什麼不喜歡截屏的原因:

Seriously, why not just take a screenshot?

  • I like and care about the shadow, padding & rounded corner of macOSs screenshot. I want an easy way to have those nice visuals for any selection of my snippet.
  • I want to hide errors, warnings, color decorators, folding markers, line numbers, scrollbar and minimap.
  • It generates something decent on Windows & Linux.

推薦閱讀:

前端日刊-2018.01.18
前端工程師學習的幾個網站
小爝的知乎Live-如何監控性能 & 分析數據
windows下nodejs的安裝和hello world小應用的創建
瀏覽器新生態(技術周刊 2018-02-12)

TAG:代碼 | 編程 | 前端開發 |