Hugo教程#1配置开发环境

最新推荐文章于 2025-11-14 08:11:22 发布
原创 最新推荐文章于 2025-11-14 08:11:22 发布 · 918 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#开发语言 #后端 #Hugo

本文指导了如何在Linux和Windows环境下配置Hugo，从创建项目到解决PageNotFound问题，以及如何选择和使用主题。重点在于Hugo的基本使用和主题选择策略。

首发于Enaium的个人博客

引言

前段时间我把我的博客的生成器从Jekyll换到了Gatsby后来发现并不好用,又想回到Jekyll,最后由于ruby的gem安装老是出错,所以我试了一下Hugo

好了废话不多说,开始配置Hugo的开发环境吧

配置环境

安装

Linux

Linux用户可以直接使用包管理器安装apt,yum,dnf,zypper,pacman等等,包名就是hugo

Windows

Windows用户可以在GitHub的release下载对应的平台,hugo也支持arm64

创建项目

使用命令hugo new site blog既可在blog下创建一个hugo项目,hugo可以换成自己想在的目录下,如果想在当前目录下创建需要加上--force参数,也就是hugo new site . --force

目录结构

. 当前目录
├── archetypes 原型模板 使用new 文件名.md参数的时候会在cont
最低0.47元/天 解锁文章
10分钟使用网站构建框架hugo本地搭建个人网站并快速上线详细教程
私聊前往站内信：https://i.youkuaiyun.com/#/msg/chat/weixin_44976692
07-08 3万+
今天和大家分享如何在Windows系统电脑使用HUGO快速搭建一个本地博客网站，并结合cpolar内网穿透工具实现一键发布本地站点至公网，随时随地远程访问，无需公网IP与准备域名、服务器。Hugo 是 Go 编写的静态网站生成器，速度快，易用，可配置。作为一款跨平台开源建站系统，当前提供 Windows，Linux，FreeBSD，NetBSD 和 OS X (Darwin) 的 x64, i386 和 ARM 架构的二进制预构建包。Hugo 依赖于 Markdown 文件，元数据字体。
Hugo实操教程！轻松搭建你的个人博客并实现无公网IP远程访问本地网站
小程的博客
12-02 1442
Hugo实操教程！轻松搭建你的个人博客并实现无公网IP远程访问本地网站
Hugo Book 项目主题开发指南：从零创建自定义主题
gitblog_00389的博客
06-10 538
Hugo Book 项目主题开发指南：从零创建自定义主题 【免费下载链接】hugo-book Hugo documentation theme as simple as plain book 项目地址: https://gitco...
深度解析LoveIt主题：一款优雅高效的Hugo博客框架
最新发布
gitblog_00906的博客
11-14 495
LoveIt是一款基于Hugo静态网站生成器开发的高质量博客主题，由开发者Dillon精心打造。该主题继承了LeaveIt和KeepIt主题的优秀基因，并在其基础上进行了全面升级，形成了兼具美观性和功能性的现代博客解决方案。 ## 核心特性解析 ### 性能与SEO优化 1. **极致性能表现**：在Google PageSpeed Insights测试中，移动端得分99/100，桌面端达到
Hugo教程
u011144881的博客
03-18 1340
Hugo允许你自定义布局模板，以满足特定的页面显示需求。你可以在layouts目录下创建或修改相应的模板文件。然后编辑文件，根据需要调整文章的显示样式。部分模板可以帮助你在多个页面中复用代码。在目录下创建自定义的部分模板，例如</</</</</</然后在其他模板中通过引用该部分模板。除了使用-d参数指定生成静态文件的目录，还可以在在url = "/"weight = 1weight = 2可以在archetypes目录下创建自定义文章模板，例如posts.md------在assets/js。
Hugo开发简历主题教程
gitblog_00561的博客
08-24 852
Hugo开发简历主题教程 项目介绍 Hugo DevResume Theme 是一个专为开发者设计的基于Hugo静态站点生成器的主题。它旨在帮助开发者轻松创建一个专业且吸引人的在线简历，展现个人技能、工作经验及项目成就。该主题采用了现代而简洁的设计，确保简历既美观又易于阅读。利用Hugo的高速构建能力，让你能够迅速搭建起个性化的在线职业档案。 项目快速启动 要快速启动并运行Hugo DevRes...
Hugo 完整使用教程
Jumbo
11-06 3289
官网 基于go 语言开发 官网地址：https://gohugo.io/ 环境 1.Homebrew 如果你是macOS用户，请使用Homebrew快速安装 2.Chocolatey 如果你是windows用户，请使用Chocolatey快速安装 环境配置请参考本站对应安装教程 快速开始 安装 hugo brew install hugo 创建博客工程 使用如下命令新建一个名为 mysite 的网站： hugo new site mysite 创建一片文章 hugo new post.
Hugo快速部署教程与配置技巧
构建时会将工作目录挂载到容器内，这样就可以在容器内直接修改Hugo配置或模板，实现快速开发和预览。 ### 知识点四：端口映射和暴露 - **端口映射**：“-p 1313:1313”这一部分指的是端口映射。Docker容器内部的...
零配置部署Hugo应用示例教程
Vercel与Hugo的集成简化了部署流程，用户只需关注内容的创建和编辑，而无需处理服务器和环境的复杂配置。 资源中的标签为"HTML"，这表明该Hugo项目可能涉及HTML文件的生成和管理。在Hugo项目中，HTML可以作为模板...
使用Hugo和Tailwind CSS入门开发主题教程
在开发环境中，可能会启用热重载功能，以实时查看修改效果。在构建环境中，则可能将CSS压缩并优化，以减小文件大小和提升加载速度。 ### 清除未使用CSS类 - 主题支持在构建时清除未使用的CSS类，这有助于减少最终...
Hugo主题SK1（骨架1）：基础教程与演示站点介绍
4. GitHub在Hugo主题开发中的作用：GitHub是一个面向开源及私有软件项目的托管平台，它为Hugo主题的分享、版本控制、协作开发提供了便捷的环境。 5. 网站演示版的价值：通过提供一个演示版本的网站，开发者可以向...
Hugo 项目教程
gitblog_00432的博客
09-25 998
Hugo 是一个用 Go 语言编写的通用网站框架，旨在生成静态网页。Hugo 构建的网站具有极高的速度和安全性，适用于各种类型的网站，包括博客、文档站点和企业官网。Hugo 的特点包括： - **极速构建**：Hugo 能够在几乎瞬间完成网站的构建，特别适合频繁更新的内容。 - **静态网页**：生成的网站是静态的，无需数据库或依赖于昂贵的运行时环境（如 Ruby、Python 或 PHP）。 ...
从零构建Hugo主题 - II
tomo的专栏
02-05 1636
这是一个系列博客，记录了我从零开始构建Hugo主题的过程。使用Tailwind从零开始构建Hugo主题第二部分，包括Hugo主题的主要目录结构，需要了解的技术，以及我创建的主题的主体框架
Hugo入门详细教程
热门推荐
首席开发砖家
04-01 1万+
原文：https://youendless.com/post/hugo_base/ 首先访问Github下载Hugo的应用程序，Hugo各版本release文件下载地址https://github.com/gohugoio/hugo/releases， windows请选择下载hugo_0.xx.0_Windows-64bit.zip。 下载完成止之后解压文件至D:\soft\hugo...
Hugo CleanWhite 主题使用教程
gitblog_00160的博客
08-25 834
Hugo CleanWhite 主题使用教程 1. 项目的目录结构及介绍 Hugo CleanWhite 主题的目录结构如下： hugo-theme-cleanwhite/ ├── archetypes/ ├── exampleSite/ │ ├── config.toml │ ├── content/ │ ├── data/ │ ├── static/ │ └── theme...
Hugo建站详细教程
ProNotes的博客
07-10 1036
本文详细介绍使用Hugo框架快速搭建个人网站的全流程。Hugo作为静态网站生成器，无需编程基础，通过Markdown和模板即可高效构建页面
Hugo开发之——博客搭建
我的博客
08-25 428
一 概述 Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。对比Hexo，Hugo仅需一个二进制文件（hugo.exe）即可实现网站生成的生成。而且就如它官网介绍：The world’s fastest framework for building websites。Hugo是目前最快的网站构建框架 二 开发环境配置 Windows 10(64位) Git：git version 2.14.0.windows.2 Go：go version go1.15 windo
数字花园主题 Hugo 开源项目教程
gitblog_00046的博客
08-27 632
数字花园主题 Hugo 开源项目教程 项目介绍 数字花园 Hugo 主题 是一个专为创建个人知识库或“数字花园”设计的高效 Hugo 主题。它采用现代且响应式的设计，使用户能够轻松构建美观而有序的内容集合。通过这个主题，你可以打造一个属于自己的互动式知识存储平台，支持多列布局，确保内容既整洁又易于导航。该主题在MIT 许可证下发布，由 Varun A P 开发维护。 项目快速启动 要快速启动你...
从零开始：学习使用 Hugo 构建自己的静态网站
蜗牛的博客
03-02 3995
Hugo 是一个由 Go 语言编写的静态网站生成器。它可以帮助用户快速构建高性能的静态网站，特别是博客、文档和个人网站等。与其他静态网站生成器相比，Hugo 的特点是速度快、易于使用、可扩展性强等。Hugo 使用简单的 Markdown 和 HTML 等标记语言来创建内容，并使用 Go 语言的模板引擎来自定义主题和布局。Hugo 的优点还包括其跨平台性、低资源消耗和易于维护等。由于其快速编译和生成速度，Hugo 成为了流行的静态网站生成器之一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Enaium

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值