使用Carbon和Polacode从你的编辑器建立代码截图

Carbon

Carbon是一个免费的开源库,用于建立和分享源代码的美丽图像。 你能够经过访问 https://carbon.now.sh轻松使用Carbon。 不管是简单地开始在框中编写代码,或者将文件放入网站上提供的文本区域。php

carbon-box

你能够从第一个下拉菜单更改颜色主题。 你也能够从第二个下拉菜单中选择您的语言。 也能够经过点击带有文本BG的按钮来更改背景颜色。 还有许多其余可用选项,你能够经过单击设置齿轮图标进行更改。 单击保存图像下载图像的屏幕截图。 如下是截图的样子:git

carbon-box-review

Carbon 的源代码能够在GitHub的 dawnlabs/carbon 的MIT许可下得到。它具备如下功能:github

  • 从GitHub gist 导入
  • 自定义图片语法,窗口样式,背景颜色,颜色主题等内容
  • 单击便可保存或发送推文

Carbon还为社区建立的各类编辑器和IDE提供插件。你能够在 这里 找到他们全部的人。只需选择代码或打开文件,而后按照文档中提供的适当步骤操做便可。微信

若是您正在使用PhpStorm或任何其余JetBrains IDE,只需选择代码并从你打开的上下文菜单中选择 Open in carbon.now.sh,方法是右键单击所选文本。编辑器

Polacode

PolacodeVisual Studio Code 的扩展,可以让你快速建立精彩的代码截图。它将全部的样式和主题保留在同一个地方。post

你可能会想,为何不仅是截图。网站

  • 它在Windows和Linux上生成体面的图像
  • 它隐藏了你可能不喜欢的错误,警告,行号和其余标记
  • 它给你很好的视觉效果

你能够经过打开扩展窗口并搜索 Polacode,从 visual studio code 轻松安装 Polacode。而后点击安装,你有这个扩展。插件

如今打开你想要的文件。 在屏幕截图中选择你想要的代码并复制它。 如今转到 View> Command Palette,而后在框中输入> polacode 并选择 Polacode 选项。 它将建立一个单独的水平窗口。 点击窗口并在 Windows上 按 Ctrl + V 或 Mac上的 Cmd + V 粘贴代码。 在代码下面,你粘贴另外一个窗口,会看到像图标这样的摄像头。 点击这个图标并保存图片。code

vsc-polacode

生成后的图片看起来是这样:orm

vs-code-review

那么,如今继续建立漂亮的代码截图,而后能够发到微博、微信等你想要发送的地方。

更多PHP知识,请前往 PHPCasts

相关文章
相关标签/搜索