Personal Space Starter

一个面向独立创作者、产品经理和个人实践者的交互式个人网站模板。

它不把个人主页做成在线简历，而是把经历、项目、内容、工具和兴趣组织成一座可以探索的数字空间。

仓库中的 NOVA、项目、文章、邮箱、账号和商业信息均为虚构示例，不对应真实人物或组织。

你可以从这里得到什么

• 一套空间化首页与热点导航
• 可复用的个人介绍、项目、文章、工具、经历和商业入口
• 配置驱动的内容结构
• 桌面端与移动端响应式布局
• 暖白、焦糖橙与深海军蓝组成的视觉系统
• Cloudflare Workers 部署配置

快速开始

npm install
npm run dev

打开 http://localhost:3000。

生产构建：

npm run build

修改自己的内容

主要内容集中在：

• app/site-config.ts：人物、项目、文章、工具、经历、兴趣与导航热点
• app/page.tsx：交互与页面结构
• app/global-redesign.css：视觉系统和详情页样式
• public/demo-space.png：首页空间背景示例
• public/demo-earth.png：入场动画示例图

建议先替换 app/site-config.ts，再根据自己的背景图调整热点坐标。

内容结构

首页空间
├── 最近在做
├── 正在做的项目
├── 文章与思考
├── 工具与技能
├── 经历与能力
├── 小型商店
└── 认识我

部署到 Cloudflare Workers

首次使用前，请确认已经登录 Cloudflare：

npx wrangler login

修改 wrangler.jsonc 中的 Worker 名称，然后运行：

npm run deploy:vinext

workers.dev 是 Cloudflare 的正式生产域名。如需更简洁的品牌地址，请在 Cloudflare 中绑定自有域名。

公开前检查

• 替换示例邮箱和社交链接
• 删除本机路径、账号 ID、项目 ID、Token 和日志
• 确认人物照片、品牌标识和背景图拥有公开使用权限
• 不要提交 .env*、缓存、构建产物和私有素材

License

MIT