创建并共享源代码的精美图片2021-05-28

创建并共享源代码的精美图片

目录

• 创建并共享源代码的精美图片
  • 打开网站
  • 登录
  • 输入代码
  • 输出图片

如何把各种语言的源代码变成图片？变成图片后，如何能让图片中的内容看上去显得更性感？

目标.png

其中一个答案就是使用Carbon。下面就介绍一下操作步骤。

---

打开网站

这是一个轻量的网站，地址为https://carbon.now.sh/。打开就是如下的界面：

网站.png

---

登录

如果是手动生成图片，好像不登录也没关系，有兴趣的可以试试二者有什么区别。如果要登录，就要使用github的账户来登录：

登录.png

网页上面只有两句话：

Create and share beautiful images of your source code.

Start typing or drop a file into the text area to get started.

虽然只有英语，而没有中文，但好在简单。第一句是介绍这个网站的作用的，大意如下：

创建并分享您源代码的漂亮图片

第二句就是告你如何把源代码变成图片的操作，大意是：

在文本区域中开始输入代码或把某个文件拖入文本区域中作为开始。

文本区域.png

输入代码

在文本区域输入（或复制）代码，

输入程序代码.png

---

输出图片

可以在左侧的调色板状的下拉框中选择想要的编辑器风格，这个列表中都是一些流行的编辑器。比如VScode：

编辑器风格.png

另外，可以选择源代码的编程语言风格，比如Python：

编程语言风格.png

还有一些其他设置，包括图片的底色等等，可以自行组合。然后点击右侧各种结果输出按钮，生成图片，比如直接点击Export（输出）按钮，将结果输出到一个文件中：

输出.png

这样就生成了所要的图片了。

---

注：通过程序实现使用Carbon自动生成图像的方式，可以参考下面的链接：
Generating Beautiful Code Snippets with Carbon and Selenium

---