自制一个代码转图片的uTools插件

  • 时不时和实验室的人会有代码交流,每次展示代码都是直接上文件、或者截n个图、也或者就给个小片段。找了很久,终于找到这个开源工具,琐碎直接做成插件,日常搭配uTools,效率真高~~

  • MelodyJerry 极力推荐uTools 】 这款轻量级极客工具
    想进一步了解,可以前往我很久前写的博文 【uTools,你的生产力工具集(点这)

uTools插件 - code2img 代码转图片

  • 一个轻松提高代码逼格 的图像工具 (😎 装逼神器,假的)
  • 基于开源 Carbon 制作的 uTools 插件
    • 导入你的代码:
      • 支持直接拖入代码文件
      • 直接粘贴代码到编辑器
    • 简单自定义,生成美化图片:
      • 改变语法主题背景颜色/图像窗口主题填充来自定义代码图像
      • 设置背景图像时还支持将图像文件拖放到Carbon来作为代码图像的背景
      • 在自定义图像后,你可以发送图像链接下载保存图像,保存图像支持PNGSVG两种格式
  • 托管平台采用 Vercel (贼推荐的哦~ 😎)
  • MelodyJerry 是一个喜欢前端的后端搬砖工具人

todo:

  • 识别uTools主输入框or剪切板中的内容:代码文本or代码文件
  • 生成的图像文件(png、svg)直接复制到剪切板
  • 生成的分享链接直接复制到剪切板
  • 待续……

反馈

任何问题,可直接在本博文的评论区直接回复,或前往我的 插件发布页 进行回复

changeLog:

  1. v0.0.1:
  • 完成基础窗体

uTools,你的生产力工具集

uTools是什么?

u T o o l s
  • 极简
  • 插件化
  • 跨平台

官网:https://www.u.tools/

自由集成丰富插件,快速匹配「场景功能」,用完即走 。

通过自由选配丰富的插件,打造你得心应手的工具集合。

该软件支持Windows、Mac以及Linux使用,并且拥有丰富的插件库。

简单来讲,uTools可以作为一个程序快速启动器,使用中英文搜索并快速打开你的本地程序、文件、系统设置等。你可以使用快捷键(默认为alt+space)快速呼出这个搜索框,小巧却不简单。

当你熟悉它后,能够为你节约大量时间,让你可以更加专注地改变世界。

uTools能做什么?

uTools作者将此软件设计为“一切皆插件”的插件化工具,所有的功能均可通过插件实现。

插件中心有很多实用高效地插件,例如:在线翻译、压缩图片、颜色小助手、开发文档、图床、OCR图片识别等等小工具,你可以选择适合自己使用场景的插件安装使用。

在这里插入图片描述


接下来给大家看看MelodyJerry经常使用的一些插件👇

MelodyJerry的uTools

在线翻译

搜索框中搜索“翻译”就可以呼出在线翻译界面。简洁易用、随用随走。

03GzPf.png

图床

写博客必备,搭配Typora使用,效果最佳!!!

使用非常简单:

  • 拖动图片到搜索框
  • 复制图片,到插件页Ctrl+V
  • 插件页的上传按钮

在这里插入图片描述

图床支持三种返回格式:

  • URL
  • MarkDown
  • Html

在这里插入图片描述

当然,还可以选择不同的图床源。更快速的,✔自动复制,并选择MarkDown。

这样粘贴好图片,自动复制md格式的图片链接到剪切板,提升办公写作效率呢!

  • 自动复制 MarkDown

03Jooq.png

图片识别

03wYBF.png

剪切板

最常用的插件之一,可以保存所有复制过的内容。

  • 文本
  • 文件
  • 图片

不用担心uTools会泄露你的信息,所有插件的生命周期就是 开机到关机。

在这里插入图片描述

cmd

  • 快速打开cmd

03Ye0A.png

颜色

  • 前端开发者的福利工具

uTools提供了多个插件,有的是官方的,还有的是开发者们维护的。

03Y36g.png

MelodyJerry最常用的是**“色彩助手”**。

看,羡慕了吗?

在这里插入图片描述

03YLNt.png

03t9Bj.png

本地快速搜索

  • 集成Everything的内核
    • 干净简洁的用户界面
    • 快速文件索引
    • 快速搜索
    • 最小资源使用
    • 便于文件分享
    • 实时更新
    • ……

03ts8f.png

内网穿透

  • 能够快速的将你的内网服务暴露到公网

03NcJx.png

启动你本地服务器,如下配置你本地的ip,和随便起个外网域名。

这样你就可以外网访问你的服务了,超简单,这可比有些网站搞个内网穿透还得收钱强多了。

03UklT.png

开发小工具

  • 只展示其中一部分插件

03U8XD.png

独立文档

  • 只展示其中一部分文档手册

03UJne.png

像MelodyJerry经常用到的是:

  • Linux

在这里插入图片描述

  • Java

在这里插入图片描述

程序员手册

不同于上面的独立文档,“程序员手册”直接集成了各种文档,list:

  • php手册
  • linux手册
  • python手册
  • PyQt5文档
  • C函数
  • go
  • vim命令
  • git命令
  • sql手册
  • uTools API
  • java
  • javascript
  • vue
  • payload
  • devdocs

关于此插件的详细信息:https://yuanliao.info/d/356

03UWhq.png

网页快开

03DDcq.png

  • 移动端网页聚合

在这里插入图片描述

  • B站

03rpKP.png

  • GitHub

03r9Df.png

图片压缩

03Dv8A.png

进阶使用uTools

全局快捷键

顾名思义,上图MelodyJerry的:

03N7FI.png

超级面板

  • 这是1.3版本后新增的

在这里插入图片描述

03NOl8.png

自己开发uTools插件

uTools已经向开发者们提供开发者文档,可以参考文档,捣鼓自己的插件哦。

插件开发文档:https://u.tools/docs/developer/welcome.html

心得体会

  • 用户体验极佳
  • 麻雀虽小,五脏俱全:简洁、方便、轻量、快速
  • 文档齐全
  • 支持开发个人插件
  • UI 很舒服

就写这么多,更多的要自己去挖掘啦~

  • 6
    点赞
  • 4
    收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:点我我会动 设计师:我叫白小胖 返回首页
评论 4

打赏作者

喜欢前端的后端MelodyJerry

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值