Golang Hugo静态网站生成器

最近想用Golang的Hugo搭建一个静态网站，但遇到几个问题想请教大家：

  1. Hugo的模板语法不太熟悉，如何自定义主题的布局？
  2. 本地调试时总是要手动重启服务，有没有热加载的配置方法？
  3. 生成的静态文件部署到Nginx后部分资源路径不对，该怎么处理？
  4. 有没有好用的Hugo插件推荐？主要是想实现图片懒加载和SEO优化
2 回复

Hugo是一个用Go语言开发的静态网站生成器，速度快、功能强大。它通过Markdown文件生成静态HTML页面，适合博客、文档和公司官网。

主要特点：

  1. 极速生成 - 相比其他生成器快很多
  2. 单文件部署 - 一个二进制文件搞定所有
  3. 主题丰富 - 社区提供大量免费主题
  4. 支持短代码 - 可扩展功能

基本用法：

  • hugo new site mysite 创建新站点
  • hugo new posts/first.md 新建文章
  • hugo server 本地预览
  • hugo 生成静态文件

部署简单，生成的public文件夹可以直接放到GitHub Pages、Netlify等平台。适合不想折腾服务器又想拥有个人网站的程序员。

更多关于Golang Hugo静态网站生成器的实战系列教程也可以访问 https://www.itying.com/category-94-b0.html


Hugo 是一个用 Go 语言编写的快速、现代化的静态网站生成器，适合构建博客、企业网站和文档等。以下是关键特性和基本用法：

主要特性

  1. 极速构建：相比其他生成器，Hugo 渲染页面速度极快。
  2. 跨平台支持：支持 Windows、macOS 和 Linux。
  3. 灵活主题：提供丰富的主题库，可自定义布局。
  4. Markdown 支持：使用 Markdown 编写内容，简单高效。
  5. 内置服务器：带实时重载的本地服务器，便于开发调试。

安装 Hugo

# 使用 Homebrew (macOS/Linux)
brew install hugo

# 或从 GitHub 发布页下载二进制文件

基本使用

  1. 创建新站点：

    hugo new site mywebsite
cd mywebsite

  2. 添加主题（以 Ananke 为例）：

    git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

    在 config.toml 中添加：

    theme = "ananke"

  3. 创建内容：

    hugo new posts/my-first-post.md

    编辑 content/posts/my-first-post.md：

    ---
title: "我的第一篇文章"
date: 2023-10-01
---
这是用 **Markdown** 编写的内容。

  4. 本地预览：

    hugo server -D

    访问 http://localhost:1313 查看网站。

  5. 构建静态网站：

    hugo

    生成的文件在 public/ 目录，可部署到 GitHub Pages、Netlify 等平台。

目录结构

  • content/：存放 Markdown 内容文件
  • layouts/：自定义模板（可选）
  • static/：静态资源（图片、CSS、JS）
  • config.toml：站点配置文件

Hugo 简洁高效，适合快速搭建高性能静态网站。如需进阶功能，可参考官方文档（https://gohugo.io）。

回到顶部