HYM

security x life

安全技术与生活记录

03 // PROJECTS

按案例组织的项目展架

项目页强调结果、工具选型和约束条件,让页面对技术审阅者有可信度。

HYM 安全技术与生活记录站

把安全技术、工程实践、博客、旅途、训练和终端互动整合到同一个中英双语个人网站。

问题

个人站不能只像简历,也不能只像视觉实验;它需要同时支持快速浏览、深度阅读和长期维护。

结果

已落地双语路由、沉浸式首页、博客、旅途地图、训练页、终端页、说明书、SEO、sitemap 和基础统计接口。

负责内容

负责产品定位、前端结构、视觉交互、内容模型、文档规范和构建验收。

持续迭代Next.jsReact Three Fibernext-intlTailwind
内容即代码 CMS 工作流

用 Markdown、JSON 和 GitHub Contents API 管理博客、旅途、训练资料和图片上传,不引入数据库。

问题

个人站内容模型较小,过早引入数据库和复杂后台会增加维护成本,也会让部署链路变重。

结果

后台可维护 Blog / Travel / Fitness,环境变量缺失时允许本地预览,配置 GitHub 后可发布内容和上传图片。

负责内容

负责认证、远端优先本地兜底、内容序列化、发布路径约束、上传路径和后台编辑体验。

待真实 GitHub 环境验收GitHub APIMarkdownJSONCMS