Skip to content

Commit

Permalink
docs:增加说明文档
Browse files Browse the repository at this point in the history
  • Loading branch information
theOnlyUnique committed Dec 29, 2024
1 parent 0573cf6 commit 7c6c110
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 16 deletions.
39 changes: 24 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,25 +19,25 @@
<p>通用的桌面图片管理工具</p>
</div>

# 项目初衷⛵
# 项目初衷

现在社交媒体平台越来越多,社交软件除了QQ之外,还有微信、抖音、小红书还有一大批平台,每个平台都有自己的表情收藏,如果想在A平台用B平台的表情,这可能是很难的事情,所以作者就在想,如果可以将自己的表情包收藏到自己本地,然后建立一个图片检索工具,对存储文件的路径进行检索,做到模糊匹配和快速复制的功能,那么我们聊天发表情包将会非常迅速,而且可以不受平台限制.
现在社交媒体平台越来越多,社交软件除了 QQ 之外,还有微信、抖音、小红书还有一大批平台,每个平台都有自己的表情收藏,如果想在 A 平台用 B 平台的表情,这可能是很难的事情,所以作者就在想,如果可以将自己的表情包收藏到自己本地,然后建立一个图片检索工具,对存储文件的路径进行检索,做到模糊匹配和快速复制的功能,那么我们聊天发表情包将会非常迅速,而且可以不受平台限制.

基于以上设想,改项目应运而生.我把他叫做IMGM,即图片(IMG)管理器(management).
基于以上设想,改项目应运而生.我把他叫做 IMGM,即图片(IMG)管理器(management).

> PS:本项目代码开源,绝对不会泄露您的个人图片,请您放心使用!虽然目前可能做的很烂,但是我会持续进行优化.
# 项目技术栈🛠
# 项目技术栈 🛠

由于要跨端开发,最终选用`electorn 33.0.2`进行开发,而且不想基于框架进行构建,所以选择了原生js,跟着官网手撸项目
由于要跨端开发,最终选用`electorn 33.0.2`进行开发,而且不想基于框架进行构建,所以选择了原生 js,跟着官网手撸项目

打包工具使用的是`electron-forge`的脚手架

存储方面,尝试过`electron-localStorage`,但是发现打包后存储会失效,于是采用的`electron-store 8.1.0`,注意一定要用这个版本,如果升级到最新版本,将不能使用require引入,将会报错!
存储方面,尝试过`electron-localStorage`,但是发现打包后存储会失效,于是采用的`electron-store 8.1.0`,注意一定要用这个版本,如果升级到最新版本,将不能使用 require 引入,将会报错!

弹窗组件使用的是`notyf 3.10.0`,非常轻量级而且美观

# 本地运行👉
# 本地运行 👉

首先拉取项目

Expand All @@ -59,13 +59,13 @@ npm i

如果安装缓慢或者失败,可以,

首先全局安装cnpm
首先全局安装 cnpm

```bash
npm i cnpm -g
```

然后使用cnpm安装依赖
然后使用 cnpm 安装依赖

```bash
cnpm i
Expand All @@ -83,7 +83,7 @@ npm run start
npm run bingo
```

# 项目基础使用
# 项目基础使用 🤓

> PS:首先你需要准备好一些图片素材!!!
Expand All @@ -95,15 +95,16 @@ npm run bingo

![](https://github.com/theOnlyUnique/IMGM/blob/master/public/img/img2.png?raw=true)

选择完毕后扫描路径将显示你刚才选取的路径,然后点击开始搜索,应用将对你所选目录进行扫描,选取所有的图片资源(jpg,jpeg,png,gif四种类型)
选择完毕后扫描路径将显示你刚才选取的路径,然后点击开始搜索,应用将对你所选目录进行扫描,选取所有的图片资源(jpg,jpeg,png,gif 四种类型)

![](https://github.com/theOnlyUnique/IMGM/blob/master/public/img/img3.png?raw=true)

扫描完成后点击确定,然后点击刷新图片即可开始查看目标文件夹下的图片资源了,您可以对他们进行重命名和快速复制

![](https://github.com/theOnlyUnique/IMGM/blob/master/public/img/img4.png?raw=true)

# 参考资料
# 参考资料📚

环境配置:<br>
https://blog.csdn.net/C_hawthorn/article/details/136072703<br>
https://blog.csdn.net/qq_38463737/article/details/140277803<br>
Expand All @@ -114,7 +115,7 @@ https://blog.csdn.net/weixin_50216991/article/details/124188494<br>
打包指引:<br>
https://blog.csdn.net/ZYS10000/article/details/134913618<br>

# 项目文件说明
# 项目文件说明🕮

| 序号 | 文件名 | 作用 |
| :--: | :---------: | :-------------------: |
Expand All @@ -124,7 +125,7 @@ https://blog.csdn.net/ZYS10000/article/details/134913618<br>
| 4 | dom.js | dom 相关操作 |
| 5 | renderer.js | 写着玩玩 |

# 项目指令说明
# 项目指令说明🕮

| 序号 | 文件名 | 作用 |
| :--: | :-----------------------: | :-------------------------------------------------------: |
Expand All @@ -134,7 +135,15 @@ https://blog.csdn.net/ZYS10000/article/details/134913618<br>
| 4 | npx electron-forge import | 导入项目到 Forge |
| 5 | npm run make | 打包成可发布版本 |

# 问题记录
# 功能预告📢

1.上线标签管理功能<br>
2.UI 美化(基础样式,窗口工具栏调整,窗口行为调整)<br>
3.打包优化<br>
4.模糊搜索算法优化,深度递归逻辑优化<br>
5.多平台的测试优化<br>

# 问题记录📝

1.当主线程需要消耗 CPU 干密集型任务的时候,会导致程序卡顿,想办法解决??<br>

Expand Down
2 changes: 1 addition & 1 deletion main.js
Original file line number Diff line number Diff line change
Expand Up @@ -225,7 +225,7 @@ function createModalWindow(props) {
modalWindow.loadFile("modal.html");
// 发送数据到模态窗口
modalWindow.webContents.on("did-finish-load", () => {
modalWindow.webContents.openDevTools();
// modalWindow.webContents.openDevTools();
console.log("发送数据");
modalWindow.webContents.send("data-from-main", props);
});
Expand Down

0 comments on commit 7c6c110

Please sign in to comment.