[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-80442":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":14,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},80442,"Kirameku","Xinghongia\u002FKirameku","Xinghongia","一个基于 Next.js 16 + FastAPI 构建的高颜值前后端分离个人博客。毛玻璃设计、暗色模式、说说\u002F杂谈\u002F评论区、GitHub OAuth 登录、RSS 订阅、Markdown 写作、独立后台管理面板，简单部署，一站式开箱即用。","https:\u002F\u002Fboke.hiromu.top",null,"TypeScript",99,27,54,3,0,18,21,39,4.34,"MIT License",false,"main",true,[],"2026-06-12 02:04:02","\u003Cdiv align=\"center\">\n\n# Kirameku\n\n**きらめく — 像星光一样闪烁**\n\n一个从零搭建的全栈个人博客系统，前端 Next.js，后端 FastAPI，附带 Vue 管理后台。\n\n![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-16-black?logo=next.js)\n![React](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReact-19-61dafb?logo=react)\n![FastAPI](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFastAPI-0.115-009688?logo=fastapi)\n![Vue 3](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVue-3-42b883?logo=vue.js)\n![PostgreSQL](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPostgreSQL-16-336791?logo=postgresql)\n![Tailwind CSS](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTailwind-4-06b6d4?logo=tailwindcss)\n![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTypeScript-5-3178c6?logo=typescript)\n![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-blue)\n\n\u003C\u002Fdiv>\n\n---\n\n## 项目结构\n\n```\n.\n├── Kirameku\u002F                      # 前端（Next.js App Router）\n│   ├── app\u002F                       # 页面路由\n│   │   ├── novel\u002F                 # 小说阅读系统（书架 → 搜索 → 目录 → 阅读）\n│   │   ├── bookmark\u002F              # 收藏夹（站点导航）\n│   │   ├── posts\u002F                 # 文章系统\n│   │   ├── moments\u002F               # 说说\n│   │   ├── friends\u002F               # 友链（漂流瓶主题）\n│   │   └── ...                    # 更多页面\n│   ├── components\u002F                # UI 组件\n│   │   ├── layout\u002F                # 导航栏、页脚\n│   │   ├── providers\u002F             # 主题、上下文\n│   │   └── ui\u002F                    # 通用组件\n│   └── siteConfig.ts              # 站点全局配置\n│\n└── Kirameku-backend\u002F              # 后端（FastAPI）\n    ├── app\u002F\n    │   ├── api\u002F                   # RESTful API 接口\n    │   ├── models\u002F                # SQLModel 数据模型\n    │   ├── schemas\u002F               # Pydantic 请求\u002F响应模型\n    │   └── services\u002F              # 业务逻辑层\n    ├── admin\u002F                     # 管理后台（Vue 3 + Element Plus）\n    └── init_db.sql                # 数据库初始化脚本\n```\n\n## 技术栈\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"50%\" valign=\"top\">\n\n**前端**\n- **Next.js 16** + **React 19** — App Router，SSR\u002FSSG\n- **Tailwind CSS 4** — 原子化样式\n- **Framer Motion** — 页面过渡与微交互\n- **TypeScript** — 类型安全\n- **Live2D** — 看板娘，右下角可互动\n\n\u003C\u002Ftd>\n\u003Ctd width=\"50%\" valign=\"top\">\n\n**后端**\n- **FastAPI** — 高性能 Python Web 框架\n- **SQLModel** — ORM（SQLAlchemy + Pydantic）\n- **PostgreSQL** — 关系型数据库\n- **阿里云 OSS** — 图片对象存储\n- **JWT** — 身份认证\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\" valign=\"top\">\n\n**管理后台**\n- **Vue 3** + **Element Plus** — 后台 UI\n- **Pure Admin** — 管理后台模板\n- 内嵌于后端，无需单独部署\n\n\u003C\u002Ftd>\n\u003Ctd width=\"50%\" valign=\"top\">\n\n**阅读服务**\n- **reader-master** — Kotlin\u002FSpring Boot\n- legado 书源兼容\n- 独立部署，端口 8085\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## 功能模块\n\n### 博客前台\n\n| 模块 | 路径 | 描述 |\n|:-----|:-----|:-----|\n| 首页 | `\u002F` | 文章预览、说说、照片墙，一站式入口 |\n| 文章 | `\u002Fposts` | 分类筛选、标签、Markdown 渲染、代码高亮 |\n| 说说 | `\u002Fmoments` | 碎片化记录，类朋友圈时间线 |\n| 杂谈 | `\u002Fmessages` | 轻量话题讨论区 |\n| 小说 | `\u002Fnovel` | 书架 → 搜索 → 目录 → 阅读，完整阅读体验 |\n| 收藏夹 | `\u002Fbookmark` | 站点导航，分类管理，平台标签，自动获取 favicon |\n| 项目 | `\u002Fprojects` | 个人项目展示，支持搜索，GitHub\u002FGitee 链接 |\n| 友链 | `\u002Ffriends` | 漂流瓶主题，可拖动交互 |\n| 照片墙 | `\u002Fphotowall` | 相册瀑布流展示 |\n| 归档 | `\u002Ftimeline` | 时间河流可视化，拖动浏览全部文章 |\n| 音乐 | `\u002Fmusic` | 云音乐播放器，支持歌单 |\n| 关于 | `\u002Fabout` | 关于博主 |\n\n### 管理后台\n\n文章、分类、标签、评论、留言、说说、相册、项目、友链、收藏夹、站点配置 — 全部可视化管理，支持图片压缩上传至阿里云 OSS。\n\n## 快速开始\n\n### 1. 后端\n\n```bash\ncd Kirameku-backend\n\n# 创建虚拟环境\npython -m venv venv\nsource venv\u002Fbin\u002Factivate          # Mac\u002FLinux\n# venv\\Scripts\\activate           # Windows\n\n# 安装依赖\npip install -r requirements.txt\n\n# 配置环境变量\ncp .env.example .env\n# 编辑 .env，填入数据库、密钥、OSS 等配置\n\n# 初始化数据库\npsql -U postgres -d your_db -f init_db.sql\n\n# 打包管理后台\ncd admin && pnpm install && pnpm build && cd ..\n\n# 启动\nuvicorn app.main:app --host 0.0.0.0 --port 8000\n```\n\nAPI 文档：`http:\u002F\u002Flocalhost:8000\u002Fdocs`\n管理后台：`http:\u002F\u002Flocalhost:8000\u002Fadmin`\n\n### 2. 前端\n\n```bash\ncd Kirameku\n\npnpm install\npnpm dev                          # 开发模式 → http:\u002F\u002Flocalhost:3000\n\n# 部署\npnpm build && pnpm start\n```\n\n### 3. 阅读服务（可选）\n\n```bash\n# reader-master 独立部署\njava -jar reader-master.jar\n# 默认端口 8085，前端通过 \u002Freader3\u002F 路径代理访问\n```\n\n## 环境变量\n\n`Kirameku-backend\u002F.env`：\n\n```env\n# 数据库\nDATABASE_URL=postgresql:\u002F\u002Fuser:password@host:5432\u002Fdbname\n\n# JWT\nSECRET_KEY=your-secret-key\n\n# 阿里云 OSS\nOSS_ACCESS_KEY_ID=your-access-key-id\nOSS_ACCESS_KEY_SECRET=your-access-key-secret\nOSS_ENDPOINT=oss-cn-xxx.aliyuncs.com\nOSS_BUCKET=your-bucket-name\n```\n\n## 设计亮点\n\n- **Glassmorphism 风格** — 全站毛玻璃质感，亮色暗色双主题\n- **微交互动画** — Framer Motion 驱动，页面过渡、卡片悬停、果冻弹跳\n- **小说阅读系统** — 四级路由架构（书架\u002F搜索\u002F目录\u002F阅读），SSE 流式搜索，阅读设置持久化\n- **收藏夹** — 自动获取站点 favicon，平台标签，搜索过滤\n- **漂流瓶友链** — 可拖动的漂浮瓶子，点击查看详情\n- **时间河流** — 归档页的可视化时间线，拖动交互\n- **Live2D 看板娘** — 右下角可互动，连续点击 Logo 7 次触发彩蛋\n- **移动端适配** — 响应式布局，移动端导航菜单\n\n## License\n\nMIT\n","Kirameku 是一个基于 Next.js 16 和 FastAPI 构建的前后端分离个人博客系统，具有毛玻璃设计和暗色模式。其核心功能包括说说\u002F杂谈\u002F评论区、GitHub OAuth 登录、RSS 订阅、Markdown 写作及独立后台管理面板。项目采用 TypeScript 编写，并结合了 Tailwind CSS、Framer Motion 等技术以增强用户体验；后端则使用 FastAPI 搭配 PostgreSQL 数据库提供高性能服务。该博客适合追求美观与功能性的个人博主或小型团队使用，在快速部署方面也表现出色，支持一站式开箱即用。",2,"2026-06-11 04:00:45","CREATED_QUERY"]