如果要在網(wǎng)絡(luò)上分享代碼(Source Code),通常你會怎么做呢吆鹤?若是自己的網(wǎng)站厨疙、博客那還好解決,通常只要將代碼粘貼疑务,搭配高亮效果(Highlight)就能將代碼上色沾凄,加入行數(shù)等等,看起來更專業(yè)也更好閱讀知允;假如要分享到其他社交網(wǎng)站撒蟀,或者你使用的網(wǎng)絡(luò)平臺不支持粘貼代碼,就必須借助第三方服務(wù)幫忙温鸽,我在往期介紹過類似服務(wù)保屯,其中較常使用的是GitHub Gist。
一小段代碼要好看、好讀又能吸引注目(好吧配椭,我是說對于看得懂代碼或從事相關(guān)工作的朋友)虫溜,做成圖片或許是不錯(cuò)的方法,本文要推薦的「Carbon」是一款能將代碼轉(zhuǎn)為美麗圖片的免費(fèi)線上工具股缸,只要將原始碼粘貼或直接把檔案拖曳到網(wǎng)站中衡楞,就能選擇不同的配色,為代碼加上外框敦姻、陰影瘾境,轉(zhuǎn)為更有質(zhì)感的圖片。
Carbon內(nèi)置許多配色镰惦,就如同你所熟悉的代碼編輯器迷守,可以切換更多不一樣的色彩,除此之外還能調(diào)整外框旺入、背景顏色兑凿、字體、寬度或陰影等細(xì)部項(xiàng)目茵瘾,如果你想要將代碼制作成看起來非常專業(yè)又好看的圖片礼华,記得來試試這個(gè)工具,你一定也會喜歡拗秘。
站點(diǎn)名稱:Carbon
網(wǎng)站連接:https://carbon.now.sh/
使用教程:http://mx108.com/
使用教學(xué)
STEP 1
開啟Carbon后圣絮,直接將代碼復(fù)制、粘貼雕旨,取代現(xiàn)有的示例代碼扮匠,依照Carbon說明,也可直接將原始碼檔案拖曳至網(wǎng)站中凡涩。從左上角的第一個(gè)選項(xiàng)來提取不同的上色方式棒搜。
第二個(gè)選項(xiàng)是選擇程序語言類型,你可以嘗試不同的類別活箕,上色效果也不同帮非。
STEP 2
接著選擇背景顏色,預(yù)設(shè)情況下會是淺灰色讹蘑,但也能依照使用者需求來調(diào)整色彩末盔,如果你想要透明背景,只要拖曳色彩列下方的橫軸就能更動(dòng)不透明度座慰。
STEP 3
Carbon大部分外觀選項(xiàng)都在「設(shè)定」齒輪圖標(biāo)中陨舱,包括修改視窗外觀、字體版仔、字體大小游盲、顯示行數(shù)及間距误墓、陰影等等,選擇后預(yù)覽圖會自動(dòng)更新益缎。
STEP 4
最后谜慌,點(diǎn)擊右上角「Save Image」就能將預(yù)覽畫面轉(zhuǎn)為圖片輸出。
下圖是我從The Go Programming Language提供的Go示例代碼再以Carbon制作而成莺奔,不過因?yàn)槲恼聢D片部分有縮小欣范,看起來效果不如原圖那么理想,直接從Carbon導(dǎo)出的圖片分辨率相當(dāng)不錯(cuò)令哟,有興趣的朋友可以自己去試試看恼琼。
看到Carbon想到之前介紹的「Avogadr.io免費(fèi)化學(xué)結(jié)構(gòu)式桌布產(chǎn)生器,可自定義背景顏色」屏富,無論是化學(xué)結(jié)構(gòu)式或代碼其實(shí)都可以變得很漂亮晴竞,當(dāng)然這些也是比較少見的免費(fèi)資源,或許對于某些朋友來說會很有用狠半。
值得一試的三個(gè)理由:
1噩死、在線將代碼轉(zhuǎn)為高品質(zhì)圖片,加上視窗外框及高亮效果
2神年、可切換各種上色模式已维、程序語言類型
3、亦能修改字體瘤袖、文字大小衣摩、背景顏色等外觀選項(xiàng)