花海生活报 · Flower Field Daily Press

把日子过成连载，每天一小块版面 —— 一张手账风格的个人生活小报。

「花海生活报」是一个手账风格的个人生活小报：QQ 邮箱注册登录，数据云端同步（换设备不丢），右上角可跳转 GitHub 仓库、进入对话室反馈交流。适合想把日子过好的学生、上班族与自由职业者。

✨ 五个版面

版面	功能
📌 今日要务 AGENDA	当天计划，点一下划掉，按优先级自动排序
🌸 盖章处 POSTMARKS	习惯打卡，完成即盖戳，支持上传本地图片自选图章、连击统计
📖 账房 LEDGER	收支流水、月度汇总、分类占比，全本地记账
🌱 长线连载 SERIALS	长期目标养成：点「＋1」浇水，进度爬过 25% / 50% / 75% 里程碑开花，浇满收成
✂️ 灵感剪报 CLIPPINGS	摘录、灵感与碎碎念，支持标签筛选、置顶、每日"旧稿重读"

🚀 使用

npm install        # 安装依赖
npm run dev        # 本地开发（Vite 热更新）
npm run build      # 构建产物输出到 dist/
npm run preview    # 本地预览构建产物

• 部署：任意静态托管（GitHub Pages、Qoder Site、Vercel 等），发布 dist/ 目录，构建命令 npm run build，输出目录 dist；登录/同步/对话室由 Cloudflare Worker + D1 提供，部署步骤见该文档；
• 数据：登录后同步保存在云端 D1（多设备共享，支持多设备冲突保护），管理员可在右上角「编辑部看板」查看全站用户增长、登录地点分布等图表。

🧱 技术栈与工程结构

• Vue 3（<script setup> 单文件组件）+ Vite 构建
• 双入口：index.html（桌面版）/ mobile.html（随身版），共享同一套 store 与组件
• 图标为手绘多彩 SVG（墨线勾边 + 橘黄/墨绿/奶黄手账配色），内置于 src/config.js

src/
├── main-desktop.js / main-mobile.js   # 双入口
├── AppDesktop.vue / AppMobile.vue     # 两个端的应用外壳
├── store.js                           # 全局响应式状态 + 持久化
├── config.js                          # 配置、字段、手绘图标库
├── utils.js                           # 日期/工具函数
└── components/
    ├── EditorModal.vue                # 通用新增/编辑弹窗（含本地图章上传）
    ├── AuthGate.vue                   # 登录 / 注册 / 找回密码（QQ 邮箱验证码）
    ├── ChatRoom.vue                   # 对话室（用户反馈交流）
    ├── ProfileModal.vue               # 个人资料编辑（昵称/头像/签名）
    ├── AdminBoard.vue                 # 编辑部看板（管理员统计图表）
    ├── BloomGrid.vue                  # 盖章处习惯网格
    ├── GoalCard.vue                   # 长线连载目标卡（浇水养成花）
    ├── NoteClip.vue                   # 灵感剪报卡
    └── ToastList.vue                  # 轻提示

云端 API 代码在 cloudflare/api/（Cloudflare Worker：邮箱验证码 SMTP、账号会话、数据同步、对话室、登录地点记录、管理统计）。

📄 协议

本项目采用自定义 LICENSE：仅供个人学习、研究使用。

• ✅ 允许：克隆 / 拉取本仓库，本地运行、阅读、学习源码
• ❌ 禁止：任何商业用途；以任何形式再分发（含修改版）原版或修改后的代码与素材

任何超出上述范围的使用，请先通过 GitHub Issue 联系作者获得书面许可。