Personal Homepage开源项目

随着个人品牌意识的兴起，越来越多的开发者、创作者和技术爱好者需要一个集中展示自身技能、经历与作品的线上门面。传统社交平台内容分散、定制化程度低，无法满足个性化展示需求。本项目面向个人开发者及创作者群体，提供一站式个人主页解决方案，涵盖自我介绍、成长里程碑、多平台社交链接及互动留言等核心场景，适用于求职、社区推广、个人品牌建设等多种业务背景。

本项目包含六大功能模块：①响应式导航栏，支持锚点跳转与移动端折叠；②多语言切换模块，内置中文、英文、俄语、德语、法语五种语言，实时渲染全站文案；③明暗主题切换，基于 CSS 变量实现一键切换，偏好持久化存储于 localStorage；④个人介绍区，含打字机动效标题、浮动头像与渐变文字动画；⑤个人里程碑时间轴，以玻璃拟态卡片展示成长节点；⑥互动留言板与 C++ Coding 群聊模块，支持留言提交、消息展示与右键菜单操作，全站采用 Glassmorphism 设计语言，兼容桌面与移动端。

本人（Yjp--Dream）独立负责项目的全部设计与开发工作，具体包括：页面整体架构搭建、CSS 主题变量系统设计、打字机动效与渐变动画实现、多语言 i18n 数据结构设计及动态渲染逻辑、留言板交互模块开发，以及全站响应式适配。技术亮点在于：使用纯 CSS 自定义属性（--var）实现零 JS 的主题切换架构，配合 localStorage 持久化；打字机效果通过 JS 逐字符写入结合 CSS blink 动画实现，无需第三方库；Glassmorphism 卡片利用 backdrop-filter: blur 与半透明渐变叠加，在低性能设备上也保持流畅渲染。难点在于多语言与主题状态的同步管理，通过统一的语言配置对象与初始化函数解决了状态竞争问题。