从 0 到 1：这个网站是如何实现的

这次实现我选择了 Jekyll，核心原因是静态站点足够稳定，且维护成本低。

个人博客系统架构图

技术选型

当前站点主要由这些部分组成：

• Jekyll + Liquid：页面生成和模板复用
• Markdown：文章内容管理
• 原生 CSS/JS：保证轻量和可控

我刻意避免引入复杂前端框架，优先保证页面简单、可读、可维护。

结构拆分

为了后续扩展，我把站点拆成了几层：

• _layouts：页面骨架（home/page/post/base）
• _includes：可复用片段（head/header/footer/search 等）
• _data：个人信息和项目数据
• _posts：文章内容

这种结构让“改样式”“加功能”“写内容”三件事可以并行推进，不会互相干扰。

功能实现重点

目前已经落地的功能包括：

• 首页文章列表和分页
• 文章页信息区 + Read More
• 本地搜索（search.json + search.js）
• 404 页面
• PWA 最小 service worker
• SEO 元信息与 JSON-LD

这些功能都坚持一个原则：默认可用、可开关、可降级。

对我来说，工程实现最重要的不是“堆功能”，而是建立一个能长期持续写作和维护的底座。