# my-website-demo

**Repository Path**: stromWan/my-website-demo

## Basic Information

- **Project Name**: my-website-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-09
- **Last Updated**: 2025-09-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

我要实现个人成长网站，纯前端，零后端，零部署，零服务器，
使用 在线 CDN（ECharts 5 + 在线中国地图 JSON），不再离线，避免卡顿与体积
图片先只做 占位（base64 / 假图），不落盘，后续可替换
所有数据（高亮列表、笔记、点赞、卡片等）均存 localStorage，支持一键导出 / 导入 JSON 备份

1、运行方式
纯前端，无后端，不开服务器
在线 CDN：ECharts 5 + 中国地图 JSON（省级），图片先占位（base64/假图），数据 localStorage，可导出导入 JSON 备份

1）首页
封面标题 + 一句话简介 + 一个「进入网站」按钮 → 跳导航页
2）我的
圆形头像、昵称、出生年月、所在城市、个性签名
微信二维码已移除
3）旅程
完整中国地图（省级），在线秒加载
新增旅程：输入框写省市名 → 提交后该省份高亮（持久化）
鼠标悬浮已高亮省份 → 浮窗显示：省市名 + 旅行时间 + 五星喜欢程度
鼠标点击已高亮省份 → 跳转独立详情页 trip-detail.html?province=xxx
详情页结构：
顶部：省份名 + 返回按钮
中部：照片占位瀑布流（一次选 1 张，可继续加）
下部：时间、同行人、感想、五星喜欢程度（可编辑）
底部：编辑 / 删除（删除后返回地图并取消高亮）
4）相册
瀑布流，下滑滚动追加占位图
点击大图弹窗（缩放、关闭），独立点赞并持久化
5）读书
列表/卡片双视图，可切换并记忆
单条：书名、封面占位、评分、正文（可插图）、阅读日期
增删改 + 导入导出
6）兴趣爱好
网格卡片（图+标题）
点卡片进详情：长文、作品图占位、时间轴
7）宠物
4 Tab：档案 | 成长记录 | 照片合集 | 日常点滴
档案：信息卡片+体重折线+性格标签
成长记录：时间轴（里程碑/体重两色点）+ 富文本卡片
照片合集：独立瀑布流，点赞/幻灯片/年月筛选
日常点滴：月历+图文日记+标签+搜索
通用：增删改、导出导入、删除二次确认