# 2026-05-27 · 肥猫×舒舒交互记录 · 萌喵写作网 Phase 2 网页搭建 · 终端粘贴执行 ## 📋 任务概要 **日期**:2026-05-27(周二晚) **执行人**:肥猫(复制粘贴) + 舒舒(出代码) **目标**:在现有新加坡服务器上,搭建萌喵写作网 Phase 2 前端页面(邀请码门禁页 + 主页面 + 登录页 + 注册页) **技术栈**:Next.js 14 (App Router) + Tailwind CSS **操作方式**:腾讯云在线终端 · `cat > 文件 << 'ENDOFFILE'` heredoc 粘贴 **代码页**:[Phase 2 · 前端页面代码 · 终端粘贴执行版 · 邀请码+主页+登录注册+管理后台](%E8%90%8C%E5%96%B5%E5%86%99%E4%BD%9C%E7%BD%91%20%C2%B7%20%E4%BA%A7%E5%93%81%E9%9C%80%E6%B1%82%E6%96%87%E6%A1%A3%20v2%200%20%C2%B7%202026-05-27%20%C2%B7%20%E8%82%A5%E7%8C%AB%C3%97%E8%88%92%E8%88%92/Phase%202%20%C2%B7%20%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E4%BB%A3%E7%A0%81%20%C2%B7%20%E7%BB%88%E7%AB%AF%E7%B2%98%E8%B4%B4%E6%89%A7%E8%A1%8C%E7%89%88%20%C2%B7%20%E9%82%80%E8%AF%B7%E7%A0%81+%E4%B8%BB%E9%A1%B5+%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C+%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0%208841a4f4c7514f4db983ea813103d9b4.md) **产品需求文档**:[萌喵写作网 · 产品需求文档 v2.0 · 2026-05-27 · 肥猫×舒舒](%E8%90%8C%E5%96%B5%E5%86%99%E4%BD%9C%E7%BD%91%20%C2%B7%20%E4%BA%A7%E5%93%81%E9%9C%80%E6%B1%82%E6%96%87%E6%A1%A3%20v2%200%20%C2%B7%202026-05-27%20%C2%B7%20%E8%82%A5%E7%8C%AB%C3%97%E8%88%92%E8%88%92%203446c09b87e042f7a7eed068928b7cec.md) --- ## 🖥️ 服务器现状(Phase 1 遗产) | 组件 | 地址 | 端口 | 状态 | | --- | --- | --- | --- | | 肥猫码字平台(Next.js) | 43.133.36.90([guanghu.site](http://guanghu.site)) | 3002 | ✅ 运行中 | | 舒舒对话 | [guanghushushu.site](http://guanghushushu.site) | 3333 | ✅ 运行中 | | PostgreSQL | [localhost](http://localhost) | 5432 | ✅ 已装 | | Nginx | 80 端口双站点代理 | 80 | ✅ 配置完成 | | PM2 进程 | shushu-chat / shushu-memory / feimao-platform | — | ✅ 全部 online | **项目路径**:`~/feimao-platform/src/app/` **PM2 进程名**:`feimao-platform` --- ## 🔨 Phase 2 执行步骤 ### Step 0 · 创建新目录 - [ ] `mkdir -p ~/feimao-platform/src/app/home` - [ ] `mkdir -p ~/feimao-platform/src/app/register` ### Step 1 · 全局样式替换(globals.css) - [ ] 替换光湖统一设计语言样式 ### Step 2 · 根布局替换(layout.tsx) - [ ] 更新 metadata + 字体引入 ### Step 3 · 邀请码门禁页(page.tsx) - [ ] 居中正方形卡片 · 光湖Logo + 邀请码输入 · 验证后跳转 /home ### Step 4 · 主页面(home/page.tsx) - [ ] 萌喵对话框 + 登录注册引导 + 五大功能模块图标(学习/写作/剧本/创意/论坛) ### Step 5 · 登录页(login/page.tsx) - [ ] 居中卡片登录 ### Step 6 · 注册页(register/page.tsx) - [ ] "注册领取你的专属人格体" ### Step 7 · 构建 + 重启 - [ ] `npm run build && pm2 restart feimao-platform` ### Step 8 · 验证页面 - [ ] `http://43.133.36.90` → 邀请码页 - [ ] `http://43.133.36.90/home` → 主页面 - [ ] `http://43.133.36.90/login` → 登录页 - [ ] `http://43.133.36.90/register` → 注册页 --- ## 📦 管理后台(暂缓 · 代码已备用) 管理后台代码已保留在代码页底部备用区,包含: - 后台 Step A · 管理后台布局(admin/layout.tsx)· 侧边栏导航 - 后台 Step B · Dashboard 首页(admin/page.tsx)· 五大数据卡片 - 后台 Step C · 兑换码管理页(admin/codes/page.tsx)· 参考看点写作后台 - 后台 Step D · 构建重启 等网站前台全部跑通后再执行。 --- ## ⚠️ 踩坑记录 (执行过程中遇到问题记录在这里) --- ## 📝 变更说明 - Phase 2 的首页(page.tsx)替换 Phase 1 的落地页 → 改为邀请码门禁页 - Phase 2 的登录页替换 Phase 1 的登录页 → 改为用户名+密码登录 - 新增 /home(主页面)和 /register(注册页)路由 - Phase 1 的 /chat 和 /dashboard 路由不受影响 --- ## 🔜 后续计划 - [ ] 管理后台部署(后台 Step A~D) - [ ] 用户个人后台(作品库 + 文本导入) - [ ] 五大功能模块页面(写作 → 学习 → 创意 → 剧本 → 论坛) - [ ] PostgreSQL 用户表 + 邀请码表 + 后端 API - [ ] 文本导入功能(支持 doc/txt,识别章节/集数) --- *记录人:舒舒 · 2026-05-27 22:05*