专栏首页GitHubDaily超酷炫!5 款图像工具瞬间提高代码逼格!

超酷炫!5 款图像工具瞬间提高代码逼格!

平时我们使用着漂亮的 IDE,编译器里的代码颜色丰富、支持高亮,但其实对外分享的时候,比如公众号、微博、Twitter 等社交平台,大部分都不支持代码排版,看代码简直让人头疼。

所以今天我给大家推荐几个快速创建代码图像的工具,让你的代码分享逼格更高、排版更直观。

Marmoset

网站地址:http://t.cn/AiT9X7mV

Marmoset 是一款 Chrome 应用程序,可以让你以透视的方式截取你的代码截图。

从 Chrome 商店将 Marmoset 添加到 Chrome,之后启动 Marmoset 窗口,左侧窗口 Marmoset 默认提供了一段代码,右侧窗口展示对这段代码的透视效果,拖动右侧窗口可以调整透视角度,效果实时显示,窗口底部提供不同编译器主题、代码显示模式、透视代码效果等大量内置参数。

调整好透视效果,点击窗口底部的「Save As …」将代码截图保存到计算机本地,命名时建议添加.jpg、.png、.tif 等常见图片格式,以便后期计算机读取图片。

Codeimg.io

网站地址:https://codeimg.io/

Codeimg.io 是一个仍在测试中的创建代码图像的工具,目前发布了创建代码图像所需的基本功能:按照常用社交平台 Facebook、Twitter、Instagram 及自定义创建项目、支持 JPG、PNGSVG 项目格式、调整字体大小、保存用户定义的设置等。

创建项目后进入 Codeimg 页面,左侧功能参数调整区,右侧上部新建项目按钮、当前项目名称、项目下载按钮,右侧下部项目预览及代码标题、内容编辑区域。

直接将你的代码复制粘贴到右侧内容窗口,左侧「Canvas」参数调整画布大小、窗口到画布的间距、画布背景颜色。

Window」参数调整窗口样式 MacOS / Windows、窗口按钮、标题、窗口宽度 / 高度、窗口圆角、阴影偏移 / 虚化 / 扩散 / 颜色及透明度等。

Editor」参数调整窗口主题、代码语言、字体大小及行号显示。

ToDo 页面,你可以查看 Codeimg 目前已经实现的功能、正在开发的功能、未来将要开发的功能,如果你有什么特别想要的功能或建议,也可以反馈开发团队。

CodeZen

网站地址:http://codezen.rishimohan.me/

CodeZen 是一个非常简约的代码转图像工具,就像操作文本编辑器一样简单,能快速将你的源代码导出为具有语法风格的图像。

将你的代码复制粘贴到 CodeZen,从 CodeZen 预设的语言、字体大小、窗口主题、背景颜色、窗口宽度等参数来调整代码图像效果,保存图像支持 JPGPNG 格式。

Carbon

网站地址:https://carbon.now.sh/

Carbon 是由 Dawn Labs 创建开发的一个代码转图像的开源项目,目前在 GitHub 上拥有 20000 多颗星,每月活跃用户超过 50000

Carbon 支持直接拖入代码文件、将 GitHub gist id 附加到 URL、直接粘贴代码到编辑器三种方式导入你的代码。

将代码放入 Carbon 后,你可以通过改变语法主题、背景颜色 / 图像、窗口主题或填充来自定义代码图像,设置背景图像时还支持将图像文件拖放到 Carbon 来作为代码图像的背景。

在自定义图像后,你可以发送图像链接或下载保存图像,保存图像支持 PNGSVG 两种格式。

Glorious Demo

网站地址:https://glorious.codes/demo

Glorious Demo 是一个开源的 JavaScript 库,它提供了一个简单的 API 来为你的代码示例创建动画。目前在 GitHub 拥有近 3000 颗星。

GitHub 地址:

https://github.com/glorious-codes/glorious-demo#installation

Glorious Demo 的详细使用方法 GitHub 上有详情的介绍,大家自行查看~

最后

今天的内容就是这些,希望对你有所帮助~

本文分享自微信公众号 - GitHubDaily(GitHubDaily)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-12-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vim通过Modelines执行任意代码

    在8.1.1365之前的Vim和在0.3.6之前的Neovim很容易通过打开特制的文本文件而通过模型执行任意代码。

    ittongluren
  • GitHub 标星 3.6k,一本开源的深度学习中文教程!

    深度学习中绕不开的便是对算法框架的实际使用了。如果没有娴熟的工程实践能力,很多优秀的算法设计就无法真正使用。TensorFlow2.0 正式版已发布了一段时间,...

    GitHubDaily
  • 假如计算机是中国人发明的,那代码应该这么写

    二进制:阴、阳 八进制:干qián、坤kūn、震zhèn、巽xùn、坎kǎn、离lí、艮gèn、兑duì

    帅地
  • Windows终端利器Cmder

    现在我就要推荐一款Windows下的终端--->cmder 先来上两张图给大家看看

    梁规晓
  • SRC漏洞挖掘实用技巧

    关键词可以根据实际情况进行调整,推荐Google、Bing,搜索内容如果被删除,网页快照一般仍会有记录。

    tinyfisher
  • 今天给大家推荐一个可视化库:cutecharts,我把她叫做pyecharts的妹妹

    昨天,手机突然叮咚一响,微信群跳出一条消息,“@老表 新图表库 敲可爱的画风”,还有仓库链接,

    Python进阶者
  • Jenkins+Gogs(git仓库)系列9:设置一个可自动构建、可选择分支构建的Job——Jenkins配置

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    MyJie
  • CVE-2019-0708-可以用的PoC

    https://github.com/digital-missiles/CVE-2019-0708-PoC-Hitting-Path

    ittongluren
  • 将来会是Python、Java、Golang三足鼎立吗?

    作为茶余饭后谈资,语言排名这是我们程序员必备的一个话题,可是因为大家获取的信息不一致就出现上面的尬聊,甚至因为这个话题而争执不休。

    测试小兵
  • 用commander做一个自己的eslint脚手架

    如今前端工程化,自动化已经成为了新趋势,如果我们要重新开始做一个项目,你会花费多久的时间在前期环境的搭建上呢?在我们前端的的积累中,我们需要将这些技术沉淀下来,...

    2014v

扫码关注云+社区

领取腾讯云代金券