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

已于 2022-10-17 15:32:49 修改
阅读量700 收藏
点赞数
于 2022-10-17 15:31:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42242565/article/details/127364683
版权

github 服务器

期望

我的博客站是使用 hugo 搭建的，每次发布都要手动通过 FTP 上传到服务器，很是繁琐，现在想通过 GitHub Actions 实现每次提交后，自动部署到服务器。（果然懒是第一生产力）

不熟悉 GitHub Actions 的同学建议先看一下下面的入门教程。

GitHub Actions 入门教程 - 阮一峰的网络日志 (ruanyifeng.com)

About workflows - GitHub Docs

实现

前置操作

添加两个部署要用到的仓库秘钥

入口：Settings → Secrets → Actions → New repository secret

  • SERVER_IP：服务器地址
  • SSH_PRIVATE_KEY：部署用到的服务器
最低0.47元/天 解锁文章
ʚSuperEggsɞ
关注
Hugo博客部署到腾讯云轻量级服务器
Xym's Blog
12-16 2985
文章目录一.前置条件二.服务器下载nginx三.防火墙设置四.将静态网页传送到服务器五.申请ssl证书六.配置nginx的nginx.conf文件七.后续发布文章 文章内容可能不全面和详细，还需要各位看官多动手百度 博客原文地址：Hugo博客部署到腾讯云轻量级服务器 一.前置条件 1. 购买服务器和服务器 我买的服务器是腾讯云的轻量级服务器，双十一的时候打折买的，3年144元，还有一个域名3年89元，如果是学生或者经济紧张可以考虑节日的时候买。 性能：1核2GB，每月500GB流量，固定50GB的硬盘空
使用Hugo搭建网站并部署到服务器
谷子的五福一安
01-29 6897
目录 1.在本地使用Hugo创建静态网站 在本地使用Hugo创建静态网站 回到顶部
已上线-GitHub Actions 自动化部署 Hugo for GitHub Pages
随笔记录-分享&记忆
04-18 552
上线使用效果 每次提交代码，就会自动部署，自动更新个人网站. GitHub Actions 自动化部署 Hugo for GitHub Pages GitHub 提供了直接在 GitHub 仓库中创建软件生命周期工作流（workflow）的功能，极大地方便了持续集成、持续部署的实现。 本文将使用 GitHub Actions 实现 Hugo 博客自动部署到自建 VPS。基本思路是在每次 push 到 GitHub 之后触发 Actions 将最新代码 checkout 到另一个仓库,Github Page
将 hugo 博客搬迁到服务器
最新发布
u010066597的博客
08-18 660
魔改hugo主题: https://github.com/woniu336/hugo-magic。在 Ubuntu 22.04 上使用 root 账号，创建普通账号，并赋予 root 权限。如果之前有错误的连接记录，可以尝试清理 known_hosts 文件。演示站点：https://woniu336.github.io/安装nginx，设置为静态站点，在计划任务添加shell脚本,将。脚本解释：使用rsync命令将hugo静态目录同步到站点目录。登录到远程服务器，并将公钥内容添加到。更新本地仓库(可选)
hugo部署到GitHub
qq_46753404的博客
06-07 600
先在GitHub创建一个名为"wbt.github.io"的仓库。使用git推到GitHub。
采用 GitHub Actions 发布 Hugo 站点
顾宇的个人空间
01-04 558
最近把我的博客换成了新版本主题 Congo，并采用了 Github Action 发布我的博客，以下是迁移步骤： 备份内容，并做一个全量删除提交 采用 Hugo 新建一个新的博客 安装 Congo 主题 采用 Github Actions 部署博客 覆盖配置，而不要修改 迁移旧的文章和图片 1. 备份内容，并做一个全量删除提交 一个博客的核心内容是图片和文章。这些内容在static目录和con...
通过GitHub Actions自动化部署Hugo静态站点至服务器
tomo的专栏
02-03 832
在最开始搭建博客的文章中，我纂写了一个Makefile用来将我的build:当然，作为程序员总是很懒的，很多东西都想考虑自动化。早些年用过Jenkins、Ansible等工具，其实都属于CICD的范畴。GitHub提供强大的功能，可以满足持续集成、持续发布的需求。GitHub官方有非常多详细的教程及模板，参考所以在此就不进行赘述，本文主要涉及部署到服务器时涉及到的密钥安全问题。
actions-hugo：用于Hugo的GitHub ActionsSwift建立Hugo并快速构建您的网站。 支持Hugo扩展，Hugo模块，Linux（Ubuntu），macOS和Windows
02-10
这个Hugo Setup Action可以将安装到GitHub Actions的虚拟机上。 支持Hugo扩展版本， Hugo Modules ，Linux（Ubuntu），macOS和Windows。 从v2 ，此Hugo设置操作已迁移到JavaScript（TypeScript）操作。 我们不再...
Github Actions自动化部署Hugo静态网站教程
3. **自动化部署**: 自动化部署是指使用软件工具来自动执行部署应用程序到服务器或云服务的整个过程。这个过程可能包括编译代码、打包应用、运行测试、配置环境、复制文件和重启服务等步骤。自动化部署可以大幅提高...
使用Hugo和GitHub Actions部署博客教程
2. 博客的部署方式：文章提到，博客是使用Hugo这个工具经营的，部署方式是通过GitHub Actions进行的。这意味着博客的部署和管理是自动化的过程，无需在本地环境中进行构建和提交操作。GitHub Actions是GitHub提供的...
ftp-action:使用此GitHub动作通过FTP自动复制文件
05-24
FTP动作 使用此GitHub动作通过ftp自动复制文件。 用法示例 name: Deploy via ftp on: push jobs: deploy: name: Deploy runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Upload ftp uses: sebastianpopp/ftp-action@releases/v2 with: host: ${{ secrets.FTP_SERVER }} user: ${{ secrets.FTP_USERNAME }} password: ${{ secrets.FTP_PASSWORD }} localDir: "
云服务器配置hugo——生成个人静态博客网站(一）
m0_55401536的博客
10-23 1520
其实很久之前自己配置成功过一次，但是由于当时没有做好记录，导致现在已经忘记了当初是如何做到的。其实大致的思路还是记得，只是具体的实现细节比如代码命令这些东西现在是忘得差不多了。 然后最近配置了云服务器，选择了Debian系统，然后想要着手继续搞静态网页。只是已经忘记了当时到底是怎么做到的。所以现在只能是重新开始了。 将所有的代码命令整理如下，以便读者翻阅查找： ...
使用 Github Action 自动部署 Hugo 博客
Kearney
08-24 630
。简单的说，懒人大法，用 github action 省去一次生成和 push。
使用hugo生成静态页面，并部署到腾讯云的云开发环境。
NicolasLearner的博客
06-13 705
使用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博客部署到Github
wji15的博客
09-01 1194
hugo 博客搭建并部署上线
使用Github(Action)+Hugo搭建自己的博客
Redisread的博客
07-25 2084
HUGO + Github + Github Action持续集成部署个人博客 HUGO本地环境 首先在HUGO的官网下载Hugo的Windows安装包，然后将路径添加到环境变量即可。 step1:下载hugo step2:配置环境变量 HUGO站点配置及主题配置 创建站点 在目录下直接输入下面的代码即可创建一个名为blog的hugo站点(注意：新建的站点是没有自带主题的) hugo new site blog 或者进入blog文件夹内直接输入以下语句： hugo new site . 下载主题.
在github中通过action自动化部署 hugo academic theme，实现上传md文件更新博客内容
计算机系统、存储
12-06 830
解决办法：在hugo设置中，使用extended: true即可解决上述问题，答案来源。
如何把 Next.js 项目部署到服务器?
12-30 4283
Next.js 是什么? Next.js 是一个用于 生产环境的 React 框架。Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。 Next.js 官网截图 21云盒提供了速简单的Next.js部署方法，你可以在21云盒子上通过以静态网页或以Node Server的方式进行部署。 两者的区别在于, 当以静态网页方式进行部署时，流程是项目会被构建(打包)，然后把最终生成的静态资
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值