拾光笔记——轻量级纯前端个人博客系统产品系统

个人创作者与技术学习者通过互联网持续输出内容的需求日益增长，而主流内容平台或功能臃肿、缺乏个性化，或依赖 WordPress 等重型建站工具，部署与维护成本高。本项目旨在解决"轻量、零成本、完全自主掌控"的个人博客建站问题，面向独立开发者、学生与技术写作者，提供纯前端、免后端、免运维的博客方案，适用于个人知识沉淀、技术分享与作品展示等自媒体内容场景。

项目包含五大功能模块：1. 首页展示模块：Hero 区、精选文章大卡、分类筛选、文章网格与侧栏（作者卡、标签云、热门阅读）；2. 文章详情模块：阅读进度条、自动生成目录并随滚动高亮、代码块一键复制、上/下篇导航；3. 全站搜索模块：支持"/"快捷键聚焦，跨标题、摘要、分类、标签匹配；4. 归档与关于模块：文章按年份分组归档，附作者介绍页；5. 体验模块：明暗主题切换并本地持久化、返回顶部、响应式多断点适配、哈希路由支持任意静态托管部署不 404。

本人独立负责项目全部开发任务：设计整体页面结构与视觉样式，采用 CSS 自定义属性分层架构实现明暗换肤；基于原生 JavaScript 实现哈希路由、文章渲染、全站搜索、目录生成、主题持久化等核心逻辑；将文章数据抽象为配置数组，新增文章仅需追加一条数据；编写自动化冒烟测试，覆盖首页、筛选、搜索、详情、404、归档、标签等 32 项断言并全部通过。