TANGSTREET / FIELD NOTES
理解静态博客:从 Markdown 到网页
文章先生成网页,再交给 Web 服务器提供访问。把写作和运行分开,部署就清楚了。
静态博客的核心流程很直接:写文章,生成网页,发布文件。
写作与访问是两个阶段
文章以 Markdown 文件保存。构建工具把文章内容、页面模板和配置组合起来,生成 HTML、样式表与其他静态文件。
读者访问时,Web 服务器直接返回这些文件。文章页面的展示不需要每次再查询数据库、拼装内容。
Markdown 文章 + 页面模板
↓ 构建
HTML / CSS / JavaScript
↓ 发布
读者访问
Hugo 在其中做什么
Hugo 负责构建。它可以处理文章列表、标签、RSS 和页面模板。更新一篇 Markdown 文章后,重新构建并发布即可。
一个常见的目录结构是:
content/posts/ 文章
layouts/ 页面模板
static/ 静态资源
hugo.toml 网站配置
动态工具可以保留
静态博客并不要求所有功能都变成静态页面。聚餐分账这类需要登录、保存记录的工具,可以独立运行,再通过同一个网站的导航进入。
博客负责内容,工具负责交互。它们共用一个入口,分别维护各自的功能。
进一步了解:Hugo 官方介绍。
END OF NOTE回到首页 ↗