美文网首页
值得推荐的将代码转为美丽图片的免费线上工具,分享时更引人注目

值得推荐的将代码转为美丽图片的免费线上工具,分享时更引人注目

作者: 六七英里 | 来源:发表于2018-01-11 09:26 被阅读0次

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

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

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

站点名称:Carbon

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

使用教程:http://mx108.com/

使用教学

STEP 1

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

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

STEP 2

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

STEP 3

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

STEP 4

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

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

看到Carbon想到之前介绍的「Avogadr.io免费化学结构式桌布产生器,可自定义背景颜色」,无论是化学结构式或代码其实都可以变得很漂亮,当然这些也是比较少见的免费资源,或许对于某些朋友来说会很有用。

值得一试的三个理由:

1、在线将代码转为高品质图片,加上视窗外框及高亮效果

2、可切换各种上色模式、程序语言类型

3、亦能修改字体、文字大小、背景颜色等外观选项

相关文章

网友评论

      本文标题:值得推荐的将代码转为美丽图片的免费线上工具,分享时更引人注目

      本文链接:https://www.haomeiwen.com/subject/ojhznxtx.html