鼠鼠学习博客
一个从零搭建的个人博客站点。
核心特性
- 三套内容集合:技术笔记 / 项目作品 / 资源收藏,各自独立的 frontmatter 校验
- 暖色温和主题:米白底 + 陶土强调色,中文排版按 1.85 行高调过
- 零 JavaScript 输出:纯静态 HTML,首屏不需要等待任何脚本
- 自动部署:推送到 GitHub 后由 Cloudflare Pages 自动构建发布
技术栈
| 层 | 技术 |
|---|---|
| 框架 | Astro 7.3.5 |
| 样式 | 原生 CSS(CSS 变量驱动主题) |
| 内容 | Markdown + Content Collections |
| 托管 | Cloudflare Pages |
| 构建 | pnpm + Vite |
目录结构
src/
├── components/ 组件
├── content/
│ ├── blog/ 技术笔记与随笔
│ ├── projects/ 项目作品
│ └── links/ 资源收藏
├── layouts/ 页面布局
├── pages/ 路由页面
└── styles/ 全局样式
待办
- 标签归档页
- RSS 订阅
- 全文搜索
- 站点地图与 SEO 优化
- Cloudflare Web Analytics
这个页面本身也是内容集合的一部分——写 Markdown 就等于写项目页。