使用Hugo搭建网站并部署到服务器

最新推荐文章于 2025-04-27 15:47:25 发布

谷子的五福一安

最新推荐文章于 2025-04-27 15:47:25 发布

阅读量6.9k

点赞数 1

分类专栏：建设之路文章标签： ftp centos filezilla 云服务器 sftp

本文链接：https://blog.youkuaiyun.com/weixin_35436966/article/details/103950907

版权

什么都不因为，只因为相信技术可以改变更多

使用Hugo搭建网站并部署到阿里云的ECS

第一部分

文章目录

==后续继续更新第二部分（关于使用Ngnix部署网站）==
- - 回到顶部

1. 在本地使用Hugo创建静态网站

相信这一部分在网上可以很容易的搜索到，这里我再啰嗦一遍，如果熟知这一部分，可以跳跃至下一部分阿里云开启ftp、上传网站
本地系统：macOS Catalina 10.15.2

1.1 安装Hugo

比较简单的方法就是使用homebrew安装，没有安装homebrew的可以参考以下网站安装
https://brew.sh/index_zh-cn.html

安装hugo

brew install hugo

确认安装

hugo version

1.2 创建一个新的网站

创建新网址

hugo new site quickstart
ps. 上面演示代码中的quickstart为自定义网站名称

添加一个主题

cd quickstart
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

把主题写入配置文件

echo 'theme = "ananke"' >&g

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

谷子的五福一安

关注关注

1
点赞
踩
11

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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博客部署到腾讯云轻量级服务器

Xym's Blog

12-16

2985

文章目录一.前置条件二.服务器下载nginx三.防火墙设置四.将静态网页传送到服务器五.申请ssl证书六.配置nginx的nginx.conf文件七.后续发布文章文章内容可能不全面和详细，还需要各位看官多动手百度博客原文地址：Hugo博客部署到腾讯云轻量级服务器 一.前置条件 1. 购买服务器和服务器 我买的服务器是腾讯云的轻量级服务器，双十一的时候打折买的，3年144元，还有一个域名3年89元，如果是学生或者经济紧张可以考虑节日的时候买。性能：1核2GB，每月500GB流量，固定50GB的硬盘空

4 条评论您还未登录，请先登录后发表或查看评论

使用 GitHub Actions 部署 Hugo 到云服务器

weixin_42242565的博客

10-17

702

我的博客站是使用 hugo 搭建的，每次发布都要手动通过 FTP 上传到服务器，很是繁琐，现在想通过 GitHub Actions 实现每次提交后，自动部署到服务器。（果然懒是第一生产力）入口：Settings → Secrets → Actions → New repository secret。不熟悉 GitHub Actions 的同学建议先看一下下面的入门教程。添加两个部署要用到的仓库秘钥。

Hugo+github实现个人博客部署

最新发布

2402_85226619的博客

04-27

304

自己动手部署一个属于自己的博客

将 hugo 博客搬迁到服务器

u010066597的博客

08-18

665

魔改hugo主题: https://github.com/woniu336/hugo-magic。在 Ubuntu 22.04 上使用 root 账号，创建普通账号，并赋予 root 权限。如果之前有错误的连接记录，可以尝试清理 known_hosts 文件。演示站点：https://woniu336.github.io/安装nginx，设置为静态站点，在计划任务添加shell脚本,将。脚本解释：使用rsync命令将hugo静态目录同步到站点目录。登录到远程服务器，并将公钥内容添加到。更新本地仓库(可选)

Hugo静态部署网站

zf17807947298的博客

01-23

1267

然后在浏览器网址处输入http://localhost:1313或者直接按ctrl键点击如上图的那个网址即可见页面。下载完成之后将压缩包放在一个文件夹中，再进行解压，然后删去压缩包。书写完毕后可看到如图则表示推送成功。demo.md的内容自行书写。推送后缀为.md的文章。

Hugo 部署与自动更新(Git)

focus：Follow One Cause Until Success

07-29

636

一般情况下，Git web hook 仅支持POST请求，部分Git网站可能支持GET请求，但是不建议使用GET请求调用 web hook，git web hook目前仅支持JSON（application/json）, x-www-form-urlencoded（application/x-www-form-urlencoded）两种Type类型。在自己本地撰写博客，若是本次撰写完博客都要手动更新到远程服务器，繁琐且不符合计算机专业的特点，所以我们需要实现本地更新完后主动推送远程进行编译。

利用Hugo搭建并部署个人网站到Github Pages教程

总结以上内容，使用Hugo建立个人网站后，通过简单的脚本部署到GitHub Pages可以大大减少发布网站的工作量，使开发者可以将更多的时间投入到网站内容的创作和优化中。Hugo结合GitHub Pages不仅提供了强大的技术支撑，...

云服务器配置hugo——生成个人静态博客网站(一）

m0_55401536的博客

10-23

1523

其实很久之前自己配置成功过一次，但是由于当时没有做好记录，导致现在已经忘记了当初是如何做到的。其实大致的思路还是记得，只是具体的实现细节比如代码命令这些东西现在是忘得差不多了。然后最近配置了云服务器，选择了Debian系统，然后想要着手继续搞静态网页。只是已经忘记了当时到底是怎么做到的。所以现在只能是重新开始了。将所有的代码命令整理如下，以便读者翻阅查找： ...

使用hugo生成静态页面，并部署到腾讯云的云开发环境。

NicolasLearner的博客

06-13

708

使用hugo生成静态页面，并部署到腾讯云的云开发环境。使用云开发的静态页面功能提供网页支持。并做好ssl。这个比github和coding的好处就是在国内加载速度快。简单方便快捷。安装基础环境（Windows）需要用到的软件和下载地址如下。进入下载地址： GO：https://golang.org/dl/ NodeJS：https://nodejs.org/en/download/ Git：https://git-scm.com/ hugo：https://github.com/gohu

通过 Hugo+Nginx 部署静态网页

Homography的专栏

05-17

3299

目录通过 Hugo+Nginx 部署静态网页利用 Hugo 生成静态网页Hugo 项目的工作流程备份项目源码同步静态网页到远端VPS 绑定空闲域名配置 Nginx 发布静态网页通过 Hugo+Nginx 部署静态网页合适的 VPS（Virtual Private Server 虚拟专用服务器），可用于搭建代理服务器，个人网盘或是静态网站。这里浅谈一下如何通过 hugo 和 nginx 在 VPS 上部署静态网页，其中 hugo 用于生成静态网页，而 nginx 用于将网页发布到线上。当然也可以通过诸如

Hugo 与 nginx 结合使用

无锋剑

03-16

1775

hugo 与 nginx结合使用简介 Hugo是一种go语言编写的静态网站生成器。适用于搭建个人blog、公司主页、help等网站，是一种小型的CMS系统。静态站点的好处就是快速、安全、易于部署，方便管理。 Hugo 优势快！！！天下武功唯快不破。。。。。。。。世界上最快的静态网站生成工具！5秒生成6000个页面！文档为Markdown格式,语法超简单； Hugo 可以做静态文件生成工具...

Hugo本地化部署搭建

lifesmilett的博客

02-18

2173

hugo在研究了很久利用GitHub page搭建个人博客无法成功后曲线救国，试试在本地化部署能不能成功！！！！amazing！！！

hugo博客部署步骤记录（简略版仅做个人复习练习使用）

weixin_43762325的博客

05-15

871

第一部分 1.下载hugo.exe文件官方网址: https://github.com/gohugoio/hugo/releases （这里已直接下载好官网下载较慢）百度网盘链接：https://pan.baidu.com/s/1oo99ga2hfR5L8J3_H8NXrg 提取码：isg8 2.下载完成后。电脑本地创建文件夹。将解压后的hugo.exe文件放到bin目录下。如图所示： 3.本地配置环境变量 3.1环境变量配置完成后，在本地看下有没有配置成功 3.2win+R键，输

搭建hugo博客部署到Github

wji15的博客

09-01

1212

hugo 博客搭建并部署上线

搭建个人博客网站之一、使用hugo创建个人博客网站

大王小朱的博客

12-10

1096

进入官方主题页面，首页最上方有 Download 按钮，点击可以进入 CLean White 主题的GitHub地址。Hugo支持在任何能运行go编译器的工具链上安装，如macOS、Windows、Linux、BSD等。且支持源码安装、预编译二进制文件安装、包管理器安装等多种安装方式。1、下载了喜欢的主题按照本文无法正常启动，可能原因主题有其他依赖，每个主题的官方界面都会有提示如何使用示例。在完成 Hugo 安装后，即可通过命令来创建站点、添加内容、配置网站、发布网站等动作。选择喜欢的进行下载使用。

基于Hugo搭建个人博客网站(静态网站)

新手建站笔记（博客建站）

06-14

1126

前言搭建个人网站，以前我们一般会选择 WordPress，因为其使用范围广（据说全世界 80%的网站都是用它搭建的）、主题丰富、上手简单。近年来，markdown 内容格式渐渐流行，我们更愿意使用 markdown 格式来写文章，写完后用静态网站生成工具把文章内容转换成 html 格式，再发布到个人网站。生成静态网站的工具中，比较优秀的有 Jekyll、Hexo、Hugo 几个。综合来看，我还是比较推荐使用 Hugo 来搭建个人网站。安装 Hugo MacOS 系统下，可以使用 brew 来进行安.

用hugo搭建个人博客网站

qq_43737697的博客

04-17

388

效果展示在hugo官网也有说明如何搭建个人网站注册github账号创建github仓库仓库的名字必须是用户名.github.io 建议全小写安装git bash（非必须，但建议）点击此处选择计算机对应的规格一步一步安装在使用前要进行初始化用户名和邮箱打开终端（以powershell为例）输入git命令，没有异常就可以安装hugo 点击此处选择计算机对应的规格下载z...