showcode.app 是一个用于创建漂亮代码图像的工具。类似的软件也有,但大多都是在线的,而且是闭源的,使用起来不是很方便。
在线预览地址 showcode.app/
github开源地址 github.com/stevebauman…
软件使用vue+nuxt+tailwindcss 技术开发。
该工具功能非常强大,可以导入导出我们自己的配置,整个应用分为代码区域和图像编辑区域。在代码区域可以选择大量支持的编程语言,可以设置 TAB 大小,插入表情,甚至还可以添加多个代码编辑区域。
在图像编辑区域可以设置图像宽高、主题、字体、背景颜色等等。可以设置是否显示 Header、Title、Menu,也包括行号、阴影、图像方向等。
此外还提供了一个桌面版的应用,不过是需要付费的,有能力支持的可以前往 [showcode.app/buy] 购买即可。
如果不想付费的,也可以直接使用提供的源码构建一个应用包。
首先克隆代码:
git clone https://github.com/stevebauman/showcode.git
然后使用 npm 安装相关依赖并启动 dev 模式即可:
npm install && npm run dev
然后我们就可以通过 http://localhost:3000 访问到该应用了,非常简单。
看作者计划要将之前的桌面端应用从electron构建 转换为 tauri 构建
本人研究了一下tauri,然后打包并汉化了该软件。
下载链接见下
115.com/s/sw679rr3n…]()**=mfd0&#
showcode_0.1.0_x64_By_longmo.msi
访问码:mfd0