← 返回文章列表

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回到首页 ↗