About
欢迎来到我的新博客Chunking — 一个基于 GitHub Discussions 作为内容管理系统的纯前端博客平台。作者通过 GitHub Discussions 撰写和管理文章,访客通过博客站点阅读文章并留言评论。零后端、零数据库、零托管成本。
核心特征:构建时生成完整静态 HTML,运行时 Hydration 为 SPA,兼顾 SEO 与交互体验。
技术栈
| 层级 | 技术 | 版本/来源 | 约束说明 |
|---|---|---|---|
| 构建工具 | Vite | ^5.0 | 开发服务器、模块打包、环境变量注入、构建时 SSG 触发 |
| 构建时数据获取 | Octokit Core.js | ^6.0 | 仅在构建脚本中使用,运行时前端不直接调用 GitHub API |
| 运行时路由 | 原生 JS SPA Router | 参考 jsdev.space 实现 | History API、动态路由参数、404 回退、Hydration 接管 |
| Markdown 渲染 | Marked.js | ^12.0 | 构建时预渲染 + 运行时客户端渲染共用同一套逻辑 |
| 代码高亮 | highlight.js | ^11.0 | 构建时与运行时共用 |
| 评论系统 | Giscus | 最新 CDN | Web Component 方式嵌入,通过 data-term 绑定 Discussion number |
| 样式 | 原生 CSS | — | CSS 变量定义设计系统,无预处理器 |
| 图标 | 内联 SVG / Phosphor Icons CDN | — | 不引入图标字体 |