Showcode: 一款用于快速建立超高颜值代码图像的工具

公众号关注 「奇妙的 Linux 世界」

设为「星标」,每天带你玩转 Linux !

ca962643782a61755cc40a5e7f6ba1c3.jpeg

showcode.app 是一个用于创建漂亮代码图像的工具。

1eb48077f52fb4b904d71d401f5600cd.png

该工具功能非常强大,可以导入导出我们自己的配置,整个应用分为代码区域和图像编辑区域。在代码区域可以选择大量支持的编程语言,可以设置 TAB 大小,插入表情,甚至还可以添加多个代码编辑区域。

在图像编辑区域可以设置图像宽高、主题、字体、背景颜色等等。可以设置是否显示 Header、Title、Menu,也包括行号、阴影、图像方向等。

64d3b793b30d6a364c131d94f4a6e4e9.png

此外还提供了一个桌面版的应用,不过是需要付费的,有能力支持的可以前往 https://showcode.app/buy 购买即可。

8622000fa99ebcc5be58a3f9650fb757.png

如果不想付费的,也可以直接使用提供的源码构建一个应用包。首先克隆代码:

git clone https://github.com/stevebauman/showcode.git

然后使用 npm 安装相关依赖并启动 dev 模式即可:

npm install && npm run dev

然后我们就可以通过 http://localhost:3000 访问到该应用了,非常简单。

Git 仓库:https://github.com/stevebauman/showcode

本文转载自:「Github爱好者」,原文:https://url.hi-linux.com/zWf4k,版权归原作者所有。欢迎投稿,投稿邮箱: editor@hi-linux.com。

6499d68913f9231038ec4d7cabd85c18.gif

最近,我们建立了一个技术交流微信群。目前群里已加入了不少行业内的大神,有兴趣的同学可以加入和我们一起交流技术,在 「奇妙的 Linux 世界」 公众号直接回复 「加群」 邀请你入群。

0ec6c566c631065cfc88d8fa184736ba.png

你可能还喜欢

点击下方图片即可阅读

da800901aff0acd7a444d38009b57f32.png

20+ 图带你搞懂 Git 工作原理

f9bfa4f35ca6b7e2e55946fcb638c263.png
点击上方图片,『美团|饿了么』外卖红包天天免费领

6e33d5c1b32940ff817d64900b83a7b1.png

更多有趣的互联网新鲜事,关注「奇妙的互联网」视频号全了解!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值