分享 GitHub 上有趣、入门级的开源项目
您现在的位置是:首页> 前端项目

carbon - 将源码生成漂亮的图片并分享

日期:2021-12-01 14:30:27点击:129

Github icon:

  • GitHub watchers badge
  • GitHub watchers badge
  • GitHub watchers badge

你见过推特上面的 这些 代码 图片 吗? 虽然这些代码令人印象深刻,但从审美角度来说还有提升空间。Carbon 能够轻松地将你的源码生成漂亮的图片并分享。还等什么呢?用这个新发现的美化工具秀给你的 followers 看吧。

特性

定制化:定制选项包括图片的语法主题、窗口样式等
快速分享:一键生成图片并分享
从 GitHub gist 导入:只需要在 url 后面加上 GitHub gist id

使用

导入

有几种不同的方法可以将代码导入到 Carbon:

把文件拖放到编辑器中
在 carbon url 后面添加 GitHub gist id (比如 carbon.now.sh/<你的_gist_id>)
直接粘贴代码

定制化

当你把代码导入到 Carbon 后,你可以定制生成的代码图片。定制选项包括语法主题、背景颜色、窗口主题、以及 padding 距离。

导出/分享

当你定制完图片样式后,可以分享到推特上面,或者直接保存。

如果你通过 “Tweet” 按钮分享,Carbon 将自动设置你的图片为公开访问。不过如果你想手动分享图片,可以查看 如何设置 Twitter 图片公开访问。

如果你在文章中添加 Carbon 图片,注意到图片中的源代码对于无障碍技术来说是不可见的,比如无法放大字号或复制。可以考虑新增一个元素展示文本形式的源代码,比如在图片下方加一个 详细信息展现元素。

安装 Carbon 桌面客户端(离线)

如果你使用的是 Google Chrome 或别的支持 PWA 技术的浏览器,你可以安装 Carbon 并离线使用:

访问 https://carbon.now.sh
点击浏览器的设置按钮
点击 “安装 Carbon…”

转载请标明出处:https://www.xiaohuihui.club/index/show/id/55.html
作者:小灰灰
欢迎转载。

文章评论

0.118303s