1. 首页
  2. 技术教程

Carbon-将代码转为精美图片,在社交网上分享更引人注目

如果要在网路上分享代码(Source Code),通常你会怎么做呢?若是自己的网站、博客那还好解决,通常只要将代码粘贴,搭配高亮效果(Highlight)就能将代码上色,加入行数等等,看起来更专业也更好阅读;假如要分享到社交网站网站,或者你使用的平台不支持粘贴代码,就必须借助第三方服务帮忙,其中较常使用的是GitHub Gist。

一小段代码要好看、好读又能吸引注目(好吧,我是说对于看得懂代码或从事相关工作的朋友),做成图片或许是不错的方法,本文要推荐的「Carbon」是一款能将代码转为美丽图片的免费线上工具,只要将原始码粘贴或直接把文件拖曳到网站中,就能选择不同的配色,为代码加上外框、阴影,转为更有质感的图片。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

Carbon内置许多配色,就如同你所熟悉的代码编辑器,可以切换更多不一样的色彩,除此之外还能调整外框、背景颜色、字体、宽度或阴影等细部项目,如果你想要将代码制作成看起来非常专业又好看的图片,记得来试试这个工具,你一定也会喜欢。

站点名称:Carbon

网站链接:https://carbon.now.sh/

Carbon使用教程:

开启Carbon后,直接将代码复制、粘贴,取代现有的示例代码,依照Carbon说明,也可直接将原始码文件拖曳至网站中。从左上角的第一个选项来提取不同的上色方式。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

第二个选项是选择程序语言类型,你可以尝试不同的类别,上色效果也不同。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

接着选择背景颜色,默认情况下会是浅灰色,但也能依照使用者需求来调整色彩,如果你想要透明背景,只要拖曳色彩列下方的横轴就能更动不透明度。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

Carbon大部分外观选项都在「设定」齿轮图标中,包括修改视窗外观、字体、字体大小、显示行数及间距、阴影等等,选择后预览图会自动更新。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

最后,点击右上角「Save Image」就能将预览画面转为图片输出。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

下图是我从The Go Programming Language提供的Go示例代码再以Carbon制作而成,不过因为文章图片部分有缩小,看起来效果不如原图那么理想,直接从Carbon导出的图片分辨率相当不错,有兴趣的朋友可以自己去试试看。

Carbon-将代码转为精美图片,在社交网上分享更引人注目

值得一试的三个理由:

  1. 在线将代码转为高品质图片,加上窗口外框及高亮效果
  2. 可切换各种上色模式、程序语言类型
  3. 亦能修改字体、文字大小、背景颜色等外观选项

原创文章,作者:yuanyuan,如若转载,请注明出处:https://www.xiaoyuanjiu.com/4594.html

发表评论

登录后才能评论