5个轻松提高代码逼格的图像工具,太炫酷啦

5个轻松提高代码逼格的图像工具,太炫酷啦

本文授权转载自码力全开工作室

禁止二次转载

大家好,我是老表

阅读文本大概需要 5 分钟

5个轻松提高代码逼格的图像工具,太炫酷啦

Marmoset

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

Codeimg.io

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

CodeZen

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

Carbon

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

Glorious Demo

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

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

5个轻松提高代码逼格的图像工具,太炫酷啦

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

大家好,我是老表
觉得本文不错的话,转发、留言、点赞,是对我最大的支持。

5个轻松提高代码逼格的图像工具,太炫酷啦

每日留言

说说你读完本文感受?

或者一句激励自己的话?

(字数不少于15字)

留言赠书

Git从入门到精通

1.树立正确的Git观念,可以让你在工作中选用正确的Git指令。 

2.终端机指令搭配图行界面工具,使学习效率倍增。 

3.不只教你如何用,还能让你知道自己在用什么,以及为什么要这么用。

5个轻松提高代码逼格的图像工具,太炫酷啦

扫码查看书籍详情

怎么加入习队

点我,看文末彩蛋

留言有啥福利

点我就知道了

想进学习交流

微信jjxksa888

:简说Python

2小时快速掌握Python基础知识要点

完整Python基础知识要点

Python小知识 | 这些技能你不会?(一)

Python小知识 | 这些技能你不会?(二)

Python小知识 | 这些技能你不会?(三)

Python小知识 | 这些技能你不会?(四)

近期推荐阅读:

【1】整理了我开始分享学习笔记到现在超过250篇优质文章,涵盖数据分析、爬虫、机器学习等方面,别再说不知道该从哪开始,实战哪里找了

【2】【终篇】Pandas中文官方文档:基础用法6(含1-5)

觉得不错就点一下“在看”吧 

相关文章: