?? 代碼界的美圖秀秀
05-02
推上經常看到有人用圖片的方式分享代碼,例如:
一直不知道這種圖片是用什麼工具生成的。後來知道了,用的是Carbon!
Carbon我們也有在微信、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這個頁面上正好有插件作者解釋為什麼不喜歡截屏的原因:
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)