Code Monkey home page Code Monkey logo

plujs's Introduction

PluJs

为 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:请严格按照使用说明操作,以下说明顺序为菜单顺序

1、欢迎界面

界面截图

没啥好说的,水梓可爱捏~

2、添加图片界面

添加界面截图

确保同目录下存在模板文件 addImage_Template.xlsx 首次使用需要点击一下按钮,然后在生成的 addImage.xlsx 文件中按照格式分类添加图片(其**通就是指轮播和文章图都使用的图片),之后保存 Excel 文件,再次点击按钮,添加成功

3、输出及修改界面

输出及修改界面截图

左边的“给我恰!”用来输出前端 JavaScript 文件和 Excel 文件;而右边的“塞回去!”可以把修改后的数据同步回本地数据库

使用“给我恰!”功能前请先填充 frontendBefore.txtfrontendAfter.txt 文件内的内容

frontendBefore.txt 文件内存放 ListImg 前的内容(是否压缩混淆均可)

示意图片

frontendAfter.txt 文件内存放 banner 那个方括号后面的内容(是否压缩混淆均可)

示意图片

使用“塞回去!”功能需要先使用“给我恰!”功能生成 fileList.xlsx 文件后,根据该文件的指示完成删改操作,保存文件后再点击按钮

4、同步界面

同步界面截图

左边的上传可以把本地数据库的数据拉取到云端,右边的下载可以把云端的数据拉取到本地,上传时请确保本地数据为最新数据,下载时请确保云端数据是最新数据

使用这个功能前你需要

  • 配置程序同目录下的 config.ini (文件内有填写说明)
  • 搭建云端数据库(使用 postgreSQL 数据库(提示:不会用 pgsql 的可以使用宝塔管理),不需要使用 SQL 文件初始化,仅开放给外部 IP 读写即可,注意使用强密码保证数据安全)

5、退出按钮

没啥好说的,另外右键任务栏托盘上面的 logo 也可以退出

plujs's People

Contributors

luckykeeper avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.