ComicViewer

📑介绍

超简单 fastapi + vue3 项目， pc本地下漫画(或任意图片目录)后用手机浏览器进行局域网阅读

▼ 预览 ▼

内容目录树参考

必改配置：backend/conf.yml中path的值（默认D:\Comic，切本就改成D:\Comic\本子，支持运行时热更改）

D:\Comic                              
   ├── web_handle                     # 程序创建的操作处理目录
        ├── save                      # 被保存的书
        ├── remove                    # 被移除的书
        └── record.txt                # 保存/移除/删除的记录，与`CGS.exe`的工具箱中的`已阅最新话数记录`关联
   └── web                            # 放内容（使用`CGS`的话目录结构就是已定的，使用自定义的话就需要创建这个`web`文件夹）
        └── GrandBlue碧蓝之海_第62话
             ├── 1.jpg
             ├── 2.jpg
             ......

打包好的开箱即用版 → 点击前往下载页面，包名 comic_viewer.7z
内含另外的 部署指南 ，替代下面的 准备/部署 和 运行

使用可以参考 CGS的使用指南 ， 01:52 开始

📢更新

V1.6 | 2024-09-13

增加筛选按钮（重新加载键的右侧），
能根据关键字筛出使页面仅显示包含关键字的书，按重新加载就能恢复

mark一下：用手机edge测试时输入消息框与输入法之间有空白需要划一下去掉空白才能输入筛选成功，已反馈官方，用手机自带浏览器倒是没问题

⚡️准备/部署

版本

• Python==3.12.3（实际3.8也行）
• node // newest

backend

改配置：看上面的 内容目录树参考，把漫画放进该目录的web文件夹内

cd backend
python -m pip install -r requirements.txt

frontend

默认端口为8080，配置在frontend/vite.config.js

cd frontend
npm i

🚀运行

cd frontend
npm start

或在项目根目录运行脚本 comic_viewer.bat

✈️使用

启动后终端会显示局域网ip与端口 Network:行，手机进浏览器照样填地址即可，如预览所示

默认是删除功能没起效（防呆误删），熟悉后若需要删除功能，前往backend/api/routes/comic.py搜索book.handle == "del"，
把下面两行解除注释 （# 去掉，注意去掉#后空格）

🔰其他

kemono

配置backend/conf.yml中有个kemono_path，可观看从CGS脚本集下的kemono内容， 点击查看kemono内容目录树参考，
观看链接为 你的局域网ip:端口/kemono

💬交流

🔇开源许可

详见 MIT License

---