chele.bi 是一位资深前端开发者打造的开源个人博客网站，它不只是“我的博客”，而是一套专为技术创作者设计的现代化内容发布系统。它解决了程序员建站时常见的痛点：既要专业美观、又要轻量易维护；既要支持深度写作（如技术长文、思考笔记），又要能自然展示项目作品与阅读清单。整个站点以克制的设计语言、精准的动效节奏和零配置的开发体验，重新定义了“个人技术品牌”的表达方式。
核心功能
- 暗色系编辑风格界面：采用 Geist Sans 正文字体与 Geist Mono 等宽字体组合，搭配超细边框与统一缓动曲线，长时间阅读不疲劳，代码段清晰可辨
- MDX 原生博客系统：所有文章直接写在
page.mdx文件中，天然支持 React 组件嵌入、自定义 callout 提示框、左侧浮动目录栏，每篇文章可独立设置页眉样式 - 智能生成封面图：无需手动设计 Banner！标题自动通过
lib/contour.ts算法生成独特轮廓标识（Contour Mark），每次刷新都保持一致性与辨识度 - 玻璃拟态交互控件：标签云使用 frosted-glass（磨砂玻璃）效果，导航按钮采用 liquid-glass（液态流动）圆角动画，视觉精致却不喧宾夺主
- 一体化设计系统：内置可复用的 UI 原子组件（
components/ds/）与业务区块（components/blocks/），改 logo、换主题色、增栏目均可快速完成 - 全栈现代化工具链：基于 Next.js 14 App Router + TypeScript + Tailwind CSS，由 Biome 统一管理代码质量，Vercel 一键部署，真正开箱即用
适合哪些人用
如果你是独立开发者、开源贡献者、技术写作者或正在打造个人技术品牌的工程师——尤其是那些厌倦了 Hexo 配置地狱、嫌弃 Ghost 商业限制、又觉得 WordPress 过于臃肿的用户，chele.bi 就是为你准备的。它不追求大而全，而是聚焦「写好一篇文、讲好一个项目、理清一份书单」这一核心场景，让技术表达回归内容本身。
快速上手
只需三步即可本地运行：
- 确保已安装 Bun（推荐）或 Node.js ≥ 20
- 终端执行：
bun install安装依赖 - 运行：
bun dev启动开发服务器，访问http://localhost:3000即可实时预览
无需配置环境变量，无数据库依赖，所有内容即代码——新增文章？新建一个 app/(website)/blog/(post)/your-title/page.mdx 文件即可。
项目信息
My blog website.
编程语言：JavaScript / TypeScript｜Star 数：397｜开源协议：未声明（NOASSERTION）｜GitHub 项目地址
这不仅是一个博客模板，更是一份关于「如何用最小技术成本，建立最大个人影响力」的实践范本——简洁、可信、可延展，值得每位认真写作的技术人收藏与复用。
