个人主页

猿急送>深圳前端兼职程序员>Quetzal>

案例列表

基本信息

案例ID：239878

技术顾问：Quetzal - 4年经验 - 哈尔滨工业大学（深圳）

联系沟通

微信扫码，建群沟通

项目名称：个人主页

所属行业：新闻媒体 - 综合门户

->查看更多案例

案例介绍

QuetzalSidera Blog 是一个基于 VitePress 构建的个人博客项目，结合自定义主题进行深度定制，用于承载个人技术沉淀、项目记录与兴趣内容整理。我在该项目中主要负责整体架构设计、主题配置优化以及内容结构规划，包括首页、文章页、标签页与资源管理体系的搭建。
项目基于 VitePress 作为静态站点生成器，使用 pnpm 进行依赖管理，Markdown 作为主要内容编写方式，并通过 GitHub Pages 实现自动化部署。主题层面完成了首页横幅、文章列表、标签系统、搜索能力、评论系统（Gitalk）、夜间模式、代码高亮以及移动端适配等功能，并对 SEO 配置与站点结构进行了优化。
在资源管理方面，统一整理了首页视觉资源（头像、背景、音乐与视频横幅），并支持暗色模式独立配置，使整体视觉风格可灵活切换。文章系统支持标准 frontmatter 配置（标题、日期、标签、置顶与 SEO 信息），并由主题自动解析生成列表与索引，无需额外维护索引文件。
项目结构清晰划分为 .vitepress 配置层、posts 内容层与 public 静态资源层，同时集成 GitHub Actions 自动构建与部署流程，实现从本地开发到线上发布的完整闭环。整体目标是构建一个可长期维护、结构清晰、视觉统一的个人博客系统，用于持续记录技术与个人内容沉淀。