写文章再也不怕,没表情包使用

172 阅读2分钟

前言

上班摸鱼看掘友们写的文章时,发现文章中使用很多图片和表情包看,文章一点都不干巴,看的哪一个爽,有些大佬文章写的太生动了;无论是分享生活,工作,代码,都参杂着很多新梗的表情包;有时我也想写这种生动有趣的文章,但是我没有那么多表情包啊🤔

有时我想偷几个搞笑有趣的表情包,但是这些表情包需要下载保存到本地啊!太麻烦了,瞬间也没有动力保存有趣的表情包;

没有表情包,我也不想写文章,觉得很干巴🤣

image.png

为了写更多文章,拼了!

在上一家公司的时候使用油猴脚本写过浏览器插件,所以我就想到开发一个浏览器插件管理表情包

有想法,就干吧! 最近摸鱼太厉害了,再摸就颓废啦

image.png

使用油猴脚本开发限制太多了,而且开发也很不舒服,想写一个纯纯的浏览器插件
最好使用vue,element这些来 开发 哈哈哈哈
我在网上看很多大佬使用crxjs来开发的,于是我也毫不犹豫的选择了crxjs~

打开vscode,创建项目,安装依赖,准备工作都ok了后,我想到了一个问题!
图片用什么来存储呢?开发什么功能呢??

image.png

七牛云,阿里云云存储,我靠太麻烦了吧,能不能本地存储呢??我印象中有个东西indexDB,我就赶快搜了一下,我靠这个能满足我的需求,拉满的话能存储2g内容问题不大,我先用着,后面慢慢升级吧~

image.png

功能的话,我开发什么好呢??🤔
功能就简单了搞吧,后面慢慢优化~

🎯 添加功能 - 拖拽、粘贴、多种方式添加表情
🏷️ 标签功能 - 添加标签,分类管理
⭐ 收藏功能 - 一键收藏常用表情
💾 本地存储 - 使用 IndexedDB
🔄 数据同步 - 支持导入导出,轻松备份和迁移
🛠️ 存储优化 - 自动压缩大图片,清理重复表情

都很明确了,框框写代码后!

image.png

✨闪图插件诞生

image.png

image.png

image.png

使用教程

仓库地址:gitee.com/hashan/shan…
插件下载地址:gitee.com/hashan/shan…

下载完成后,安装在浏览器里

image.png

image.png

图片添加

image.png

image.png

图片使用

image.png

完结

大佬们,到git仓库的话给个star

image.png