Hugo 静态博客从零上手
为什么选 Hugo
- 快:全站构建以毫秒计,几百篇文章也毫无压力
- 简单:单个二进制文件,无需 Node、PHP、数据库
- 纯静态:产物就是 HTML/CSS/JS,随便一台服务器就能跑
创建站点
# 安装 hugo 后,创建新站点
hugo new site my-blog
cd my-blog
# 写一篇文章(自动套用 archetypes 模板)
hugo new notes/my-first-post.md
文章用 Markdown 编写,Front Matter 里定义标题、日期、标签:
---
title: "我的第一篇文章"
date: 2026-09-10
tags: ["入门"]
summary: "文章摘要"
---
正文从这里开始……
本地预览
hugo server -D
浏览器打开 http://localhost:1313,保存文件即自动刷新。
构建上线
# 生成静态文件到 public/ 目录
hugo
# 同步到服务器
rsync -avz public/ root@服务器IP:/var/www/站点目录/public/
小结
写作流程就是:写 Markdown → hugo 构建 → 同步服务器,三步搞定。