LIZHIZHAO.CN｜个人品牌网站与交互式作品展示产品系统Vibe Coding

面向个人品牌展示、技术内容沉淀与作品介绍场景，解决文章、项目和个人介绍分散、展示风格不统一的问题。以 lizhizhao.cn 为实际线上案例，将笔记阅读、作品展示与个人叙事整合为一个持续更新的网站，为访客提供清晰的内容入口和具有辨识度的浏览体验。

网站包含首页、笔记、作品及关于页面，提供最新文章入口、笔记搜索、作品分类与项目详情展示。文章页面围绕长时间阅读优化正文宽度、字号、行距、目录和代码块；移动端采用单栏布局。作品区支持切换项目、查看界面和访问实际作品。视觉上以暖纸色、衬线标题及统一留白建立阅读节奏，并加入 BOZI 十九态插画、随时段变化的纸色及日光投影，让品牌表达与内容阅读自然结合。实际访问：https://lizhizhao.cn。

本人主导个人项目的需求梳理、页面结构、视觉方向与交互取舍，并结合 AI 辅助开发推进实现和迭代。网站使用 Astro，围绕笔记、作品和关于页面组织内容。实现重点包括响应式布局、搜索入口、文章阅读排版，以及按小时切换的 BOZI 十九态插画；结合东莞太阳位置调整光束方向与影子，并按时段控制页面纸色。项目已上线，持续整理内容与优化细节，展示从设计构思到可访问页面的实际落地过程。