03 // PROJECTS
按案例组织的项目展架
项目页强调结果、工具选型和约束条件,让页面对技术审阅者有可信度。
HYM 安全技术与生活记录站
把安全技术、工程实践、博客、旅途、训练和终端互动整合到同一个中英双语个人网站。
问题
个人站不能只像简历,也不能只像视觉实验;它需要同时支持快速浏览、深度阅读和长期维护。
结果
已落地双语路由、沉浸式首页、博客、旅途地图、训练页、终端页、说明书、SEO、sitemap 和基础统计接口。
负责内容
负责产品定位、前端结构、视觉交互、内容模型、文档规范和构建验收。
持续迭代Next.jsReact Three Fibernext-intlTailwind
内容即代码 CMS 工作流
用 Markdown、JSON 和 GitHub Contents API 管理博客、旅途、训练资料和图片上传,不引入数据库。
问题
个人站内容模型较小,过早引入数据库和复杂后台会增加维护成本,也会让部署链路变重。
结果
后台可维护 Blog / Travel / Fitness,环境变量缺失时允许本地预览,配置 GitHub 后可发布内容和上传图片。
负责内容
负责认证、远端优先本地兜底、内容序列化、发布路径约束、上传路径和后台编辑体验。
待真实 GitHub 环境验收GitHub APIMarkdownJSONCMS