为 plumemo 博客生成前端文件并管理轮播和文章随机图片 | A software to generate plumemo frontend JavaScript File
项目为个人自用需要编写并开源,你可以在 MIT 协议下随意使用,如果帮助到你,请点亮右上角的 Star ⭐
PluJs 仅适用于 React 版前端 Plumemo(theme-react-sakura 主题,非 ssr 版本)或通过一键脚本(包含使用我的 Docker 镜像)安装的 Plumemo ,在其它主题的 Plumemo 使用可能会导致未知问题!使用前请知悉
项目基于某个内部项目略加改动而来,里面可能会有奇奇怪怪的文字说明,懒得大改了(#查询你游玩家成分)2333
theme-react-sakura 主题将轮播图(banner)和未指定展示图的文章(ListImg)的随机图片链接存储在前端文件(main.3a574d82.chunk.js)中。这导致管理、更换这些图片变得比较复杂,前端文件中存在大量的圆、方、花括号,很容易因为漏写导致更新文件后博客无法正常显示,同时为管理这些图片(增删改)带来了巨大的负担。
通过使用 PluJs ,你可以简单的管理这些图片,便利地对这些图片进行增(添加图片)、删(删除图片)、改(修改已有图片的链接),并一键生成前端文件。同时,同步功能可以让你在多台电脑之间同步这些数据,方便随时随地进行管理
Tips:请严格按照使用说明操作,以下说明顺序为菜单顺序
没啥好说的,水梓可爱捏~
确保同目录下存在模板文件 addImage_Template.xlsx
首次使用需要点击一下按钮,然后在生成的 addImage.xlsx
文件中按照格式分类添加图片(其中共通就是指轮播和文章图都使用的图片),之后保存 Excel 文件,再次点击按钮,添加成功
左边的“给我恰!”用来输出前端 JavaScript 文件和 Excel 文件;而右边的“塞回去!”可以把修改后的数据同步回本地数据库
使用“给我恰!”功能前请先填充 frontendBefore.txt
和 frontendAfter.txt
文件内的内容
frontendBefore.txt
文件内存放 ListImg 前的内容(是否压缩混淆均可)
frontendAfter.txt
文件内存放 banner 那个方括号后面的内容(是否压缩混淆均可)
使用“塞回去!”功能需要先使用“给我恰!”功能生成 fileList.xlsx
文件后,根据该文件的指示完成删改操作,保存文件后再点击按钮
左边的上传可以把本地数据库的数据拉取到云端,右边的下载可以把云端的数据拉取到本地,上传时请确保本地数据为最新数据,下载时请确保云端数据是最新数据
使用这个功能前你需要
- 配置程序同目录下的
config.ini
(文件内有填写说明) - 搭建云端数据库(使用 postgreSQL 数据库(提示:不会用 pgsql 的可以使用宝塔管理),不需要使用 SQL 文件初始化,仅开放给外部 IP 读写即可,注意使用强密码保证数据安全)
没啥好说的,另外右键任务栏托盘上面的 logo 也可以退出