前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用 Carbon 来分享高大上的代码片段

使用 Carbon 来分享高大上的代码片段

作者头像
Originalee
发布2019-10-18 10:21:00
1.5K0
发布2019-10-18 10:21:00
举报
文章被收录于专栏:编程之旅编程之旅

我在推特上关注了很多国外的程序员大佬,包括一些著名框架的官方团队,比如 Facebook 的 React 开发团队,我经常能看到他们在推特中分享一些代码片段,是以图片的方式出现的,这些代码图片让我的印象很深刻,我之前也疑惑为什么会有这么高大上的分享方式,但是没有找到答案,直到今天我在刷 Github 的时候,推给我一个热门库,随手点开来看了下,谁晓得无心插柳柳成荫,这样一个生成高大上代码片段的第三方库就在我面前了。

Carbon就是这样一个能够很容易为你的代码创建漂亮的图片。那么还等什么呢,一起来学着使用吧。

首先我们看一下示例,不然你们并不会知道我说的代码图片是什么风格的

示例

这是一段 JavaScript 的代码,使用 carbon 分享出来的一个片段,怎么样,以后是不是把这样的代码放在博客或者推特上会很特别,也很美观易读呢?

使用

导入

carbon 有三种方式来使用:

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

定制化

当你把代码导入到 Carbon 后,你可以定制生成的代码图片。可定制的内容有语法主题,背景颜色,窗口主题,或者 padding 距离。

导出/分享

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

carbon 在线编辑器的地址是这个 : Carbon 编辑器

插件

而社区中能找到更加优秀的插件,专门为 Carbon 服务,

例如我使用 VSCode 编辑器,那么在插件列表中搜索 carbon-now-sh 安装之后, 用carbon命令在 Carbon 中导入你当前的 VS Code 文件

其他编辑器对应的插件也可以在 Carbon 的 github 文档中找到哦。

最后感谢社区提供了这么优秀的库,能让我们程序员更加自恋在自己的代码中,该文章也是为 Carbon 做一个小宣传,因为实在喜欢这个插件。

使用 Carbon,show me your code !

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.10.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 示例
  • 使用
  • 插件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档