安装 Hugo 本文介绍如何在不同操作系统上安装 Hugo。 Windows 安装 使用 Chocolatey 安装： 1choco install hugo-extended 或使用 Scoop： 1scoop install hugo-extended macOS 安装 使用 Homebrew 安装： 1brew install hugo Linux 安装 1sudo apt-get install hugo 验证安装 安装完成后，运行以下命令验证： 1hugo version 如果看到版本号，说明安装成功！ 下一步 下一篇我们将学习如何构建第一个 Hugo 网站。
创建新站点 使用以下命令创建一个新的 Hugo 站点： 1hugo new site my-blog 2cd my-blog 目录结构 Hugo 会自动创建以下目录结构： 1my-blog/ 2├── archetypes/ # 内容模板 3├── content/ # 网站内容 4├── data/ # 数据文件 5├── layouts/ # 布局模板 6├── static/ # 静态资源 7├── themes/ # 主题 8└── hugo.toml # 配置文件 添加主题 下载并安装一个主题： 1git init 2git submodule add https://github.com/xxx/theme.git themes/theme-name 在 hugo.toml 中配置主题： 1theme = "theme-name" 创建第一篇文章 1hugo new posts/my-first-post.md 启动开发服务器 1hugo server -D 访问 http://localhost:1313 查看你的网站！ 下一步 下一篇我们将学习如何自定义主题样式。
自定义主题 本文介绍如何自定义 Hugo 主题的样式和布局。 修改布局 在 layouts 目录下创建或修改模板文件： 1layouts/ 2├── _default/ 3│ ├── single.html # 单页模板 4│ ├── list.html # 列表页模板 5│ └── baseof.html # 基础模板 6└── partials/ 7 ├── header.html # 页眉 8 └── footer.html # 页脚 添加自定义 CSS 在 static/css/ 目录下创建 CSS 文件： 1/* static/css/custom.css */ 2body { 3 font-family: "Noto Sans SC", sans-serif; 4} 5 6.post-title { 7 color: #333; 8 font-size: 2rem; 9} 在模板中引用： 1<link rel="stylesheet" href="{{ "css/custom.