轻量化个人技术博客静态网站产品系统Vibe Coding

市面上多数博客系统部署繁琐、后台维护成本高，个人开发者缺少轻量化、可离线本地浏览的技术笔记载体。本项目面向程序员、在校计算机专业学生，搭建纯静态前端博客站点，用于记录编程学习笔记、项目开发复盘、技术知识点分享，适配求职背书、日常知识沉淀、线上技术交流分享场景，无需后端服务器，本地打开 HTML 文件即可完整阅读全部文章，解决技术人员低成本搭建个人知识展示站点、随时查阅笔记的业务需求。

文章首页列表模块：分页展示博客文章，支持按技术标签、发布时间筛选检索；
Markdown 文章渲染模块：支持代码块高亮、表格、图片、标题层级完整解析渲染；
标签分类归档：前端、后端、项目实战、算法等多维度标签，快速归类同类技术文章；
暗黑 / 浅色双主题切换，适配白天、夜间阅读场景；
移动端响应式布局，手机端自动优化排版、折叠导航；
辅助交互：文章目录锚点跳转、回到顶部、代码一键复制、字数统计；
整体作为个人技术知识沉淀门户，一站式实现笔记存储、线上阅读、技术成果对外展示。

本人独立完成全站页面开发、交互逻辑、样式适配与内容渲染功能开发，负责页面架构设计、文章解析逻辑、多端兼容优化全部工作。项目基于 HTML5 搭建页面结构，Tailwind CSS 实现主题切换与响应式样式，原生 JS 完成 Markdown 语法解析、代码高亮、标签筛选、分页交互；核心亮点为纯静态离线可用、轻量化无后端依赖、双套阅读主题；难点在于复杂 Markdown 语法完整解析、长文章滚动锚点定位性能优化，通过分段懒加载渲染、模块化拆分脚本函数解决卡顿问题，同时压缩静态资源提升页面加载速度。