项目简介
KunSpace 是我亲手打造的个人网站:极简科技风 UI + 可运营的内容与工具。不只是静态主页,还包含博客体系、留言与评论、访客统计、在线音视频工具,以及 AI 助手「小 Kun」。
线上可访问:
- 国际:
kunspace.dev(如已绑定) - 国内备案域名:
www.kunspace.com.cn
核心功能
- 作品集 — 项目卡片 + Markdown 详情页,支持精选展示
- 博客 — Markdown 撰写;多级目录、标签、RSS、目录 TOC、阅读量、评论审核
- 留言板 — 访客留言仅站长可见;可选邮件通知
- 在线工具 — 转 WAV、唤醒语料 TTS、录音 / 波形频谱、剪切、噪声、延迟、视频抽音频等
- AI 助手「小 Kun」 — 公开聊天 + 管理后台 Agent(检索 / 统计 / 外部工具)
- 访客与互动 — PV/UV、路径统计;喜欢本站、博客点赞、GitHub 关注入口
- 主题与双语 — 深色 / 浅色;导航中英切换(正文仍以中文为主)
- 双轨部署 — Vercel(海外)+ 腾讯云轻量 / Nginx(国内备案)
技术栈
| 层级 | 选型 |
|---|---|
| 框架 | Next.js 15(App Router) |
| 语言 | TypeScript · React 19 |
| 样式 | Tailwind CSS · Framer Motion |
| 内容 | Markdown(gray-matter)+ 站长后台覆盖目录/可见性 |
| 数据 | Upstash Redis(留言、统计、会话等,可选) |
| 部署 | Vercel · 国内 Node + PM2 + Nginx + Let’s Encrypt |
文档与复盘
仓库内有使用指南、国内部署指南、设计规范等;博客里也有搭建部署、小 Kun、技术难点总结、语音模块入门 等实战文。
本地运行
npm install
cp .env.example .env.local # Windows: copy .env.example .env.local
npm run dev
浏览器打开 http://localhost:3000。管理后台:/admin(ADMIN_PASSWORD)。
