关于求实博客
一个为「信息技术实践与拓展」课程打造的个人博客系统,
记录我们从需求到交付的完整实践过程。
项目简介
求实博客(Qiushi Blog)是一个使用 Nuxt 3 + Vue 3 + TypeScript 构建的轻量、响应式博客系统。 它支持文章列表与详情、分类与标签筛选、关键词搜索、暗色模式、文章目录与阅读进度等功能。 整个项目不依赖额外的 Markdown 引擎或内容管理后端——文章以 TypeScript 数据文件集中维护, 正文由一套自研的零依赖 Markdown 解析器渲染,力求"每一行代码都可被解释"。
技术栈
🟢
Vue 3组合式 API,逻辑复用
💚
Nuxt 3文件路由、SSR/SSG
🔷
TypeScript类型安全的数据契约
🎨
CSS 变量原生主题系统
📝
自研 Markdown零依赖解析器
🌙
暗色模式无闪烁切换
核心功能
- ✓首页 Hero、精选与最新文章、分类导航
- ✓文章列表按分类实时筛选
- ✓文章详情:封面、目录、阅读进度、相关推荐
- ✓分类 / 标签聚合页
- ✓关键词搜索(标题、摘要、标签)
- ✓按年份的时间线归档
- ✓明暗双主题,跟随系统、无刷新闪烁
- ✓完整响应式,适配桌面与移动端
"教,是最好的学。"
—— 这也是我们坚持写博客、并把项目开源的原因开始阅读
从最新发布开始,或者按主题探索。