绳网 (InterKnot)

模仿制作的「绝区零」世界观中的"绳网"——新艾利都最大的匿名委托中枢。

本项目是 KawaYiLab/InterKnot-App 独立开发的网页前端，使用 Nuxt 4 从零构建，模仿绝区零UI风格，后端对接自建 Strapi v5。

📱 移动端请前往 KawaYiLab/InterKnot-App（Android / iOS）。

---

✨ 功能亮点

• 帖子弹窗 — 还原弹窗式浏览，支持评论与回复
• 发帖 — 支持草稿保存，图片上传
• 用户体系 — 还原个人主页、绳网经验等级
• 图片画廊 — 集成 lightGallery，支持缩放与幻灯片
• UI还原 — 使用 zenless-ui 组件库
• 响应式 — 桌面端 + 移动端自适应
• SPA + 静态生成 — 纯客户端渲染，可部署至任意静态托管

---

🛠️ 技术栈

层级	技术
框架	Nuxt 4
语言	TypeScript 5
状态管理	Pinia
数据请求	TanStack Vue Query + ofetch
工具库	VueUse
组件库	zenless-ui
图标	Heroicons
图片画廊	lightGallery
后端	Strapi v5（RESTful API）

---

🚀 快速开始

1. 环境准备

• Node.js ≥ 20.18.0
• npm

2. 拉取代码

git clone https://github.com/yinengbei/InterKnot-Web.git
cd InterKnot-Web

3. 安装依赖

npm install

4. 配置环境变量

复制示例文件并填写后端地址：

cp .env.example .env

5. 启动开发服务器

npm run dev

访问 http://localhost:3000 即可预览。

6. 构建生产版本

npm run generate     # 静态生成
npm run preview      # 预览生产构建

---

🤝 贡献指南

欢迎提交 Issue 或 Pull Request，一起完善绳网。

---

❤️ 致谢

本项目从零开始开发，在实现过程中参考了许多优秀的开源项目与社区资源。

特别感谢：

• share121 开源的 Inter-Knot 项目 https://github.com/share121/inter-knot

• ChrisChan13 开发的 zenless-ui 组件库 https://github.com/ChrisChan13/zenless-ui

• Alver 提供的部分 UI 设计参考与图片资源 https://zenless.tools/

• 所有提交 Issue、Pull Request、反馈问题或提供建议的开发者与用户

同时感谢开源社区以及 AI 工具在开发过程中提供的帮助与支持。