《GitHub》如何使用 GitHub Actions 自動部署 Hugo

閱讀時間約 1 分鐘
目前網站是部署在 GitHub 的 repo
然後每次發表新文章時都要做以下動作:
  • 使用 Hugo 重新產生網站
  • 將原始檔案 commit 到 git
  • 將產生的檔案 commit 到 git
不過因為網站和 repo 都是託管在 GitHub,就想說是不是可以直接在 GitHub 上讓他自動部署就好,我只要把文件上傳上去,接著 CI 就幫我弄好了。
剛好之前 GitHub 就有推出 GitHub Actions,就是 GitHub 自己的 CI/CD 服務。剛好可以來試試看,然後一如往常這撞牆失敗好幾次,花了一兩小時終於把它弄好了。
本篇文章將不會介紹 GitHub Actoins 以及他各個細部指令,只會單純就我目前需要的情境做介紹。

目前更新文章的流程

第一個我先整理目前手動更新文章的流程:
  1. 撰寫新文章
  2. 將文章commit到文件repo
  3. 用Hugo產生靜態文件
  4. 將靜態文件commit到網站repo
基本上可以自動化的就是後面 3、4,我需要他 commit 到 github repo 上後,直接用 GitHub Actions 幫我做完後面的 3、4。

更新文章流程自動化

1會員
5Content count
身為一個軟體工程師,在現今如此快速變化的世界中,該如何確保自生不被滅亡呢?
留言0
查看全部
發表第一個留言支持創作者!
工法人的沙龍 的其他內容
在 Elixir 裡要怎麼架設 HTTP 伺服器呢?
最近又重新開始學 Elixir,這時遇到一個問題:在 Elixir 裡面要怎麼建立函式,還有函式要怎麼回傳值?首先這要從 Elixir 有兩種函數類型說起:匿名函式(Anonymous Functions)、具名函示(Named Functions)
最近開始接觸 Elixir 這門語言,語法風格接近 Ruby。而他有一種動靜皆備的特性,老實說還蠻吸引我的。
在 Elixir 裡要怎麼架設 HTTP 伺服器呢?
最近又重新開始學 Elixir,這時遇到一個問題:在 Elixir 裡面要怎麼建立函式,還有函式要怎麼回傳值?首先這要從 Elixir 有兩種函數類型說起:匿名函式(Anonymous Functions)、具名函示(Named Functions)
最近開始接觸 Elixir 這門語言,語法風格接近 Ruby。而他有一種動靜皆備的特性,老實說還蠻吸引我的。
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
在《妖怪旅館營業中》,大多數人類是看不到妖怪,可是能看到他們的人類就要小心了,畢竟能看得見妖怪的人類通常靈力高,而靈力高的人類,分分鐘鐘就會被妖怪拐去隱世,或是被妖怪吃掉。
Thumbnail
Git 是一種版本控制軟體,它的運作模式跟 Google 文件、Dropbox 文件相似,能夠允許多位使用者同時編輯、檢視或回溯文件,並且詳實地記錄了修改的歷史紀錄。我們可以將 Git 比喻為一種更為嚴謹的協作文件。
Thumbnail
《Queen’s Gambit》第一眼看會以為又是另一個關於天才兒童戰無不勝或者自甘墮落的故事。其實這一套劇集,講的是一個高敏感又內向的女生,如何在女權崛起之前的冷戰年代,以人生輸家之姿,晉身頂級棋手的故事,同時講述一個女孩子的前半生。
Thumbnail
前幾 天有一則新聞是說有一名工程師名為 augustgl 的工程師逆向工程 TikTok 的 Android 應用程式,並將所得的原始碼發至原始碼平台 Github 。文中augustgl 提到:「TikTok 是偽裝成社群媒體平台的數據收集引擎。它是合法的間諜軟體,因此我認為應逆向工程 Andro
Thumbnail
搞清楚 Git 與 GitHub 的差別並學會必會操作 什麼是 Git? Git 是一個軟體,可藉由它產生一個數據庫(repository),並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔,讓協同開發變得容易。(關於不同版本控制系統的介紹,請參閱 Git 官方教學文件)
轉移自 LogDown 原文日期 March 29, 2017 10:56   之前筆者已經寫過 jira 和 bitbucket ,這次要來嘗試關聯 jira 和 github。 專案程式碼託管服務除了部分公司選擇選擇私有服務器以外,大多數都使用 github 和 bitbucket,因此,
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
在《妖怪旅館營業中》,大多數人類是看不到妖怪,可是能看到他們的人類就要小心了,畢竟能看得見妖怪的人類通常靈力高,而靈力高的人類,分分鐘鐘就會被妖怪拐去隱世,或是被妖怪吃掉。
Thumbnail
Git 是一種版本控制軟體,它的運作模式跟 Google 文件、Dropbox 文件相似,能夠允許多位使用者同時編輯、檢視或回溯文件,並且詳實地記錄了修改的歷史紀錄。我們可以將 Git 比喻為一種更為嚴謹的協作文件。
Thumbnail
《Queen’s Gambit》第一眼看會以為又是另一個關於天才兒童戰無不勝或者自甘墮落的故事。其實這一套劇集,講的是一個高敏感又內向的女生,如何在女權崛起之前的冷戰年代,以人生輸家之姿,晉身頂級棋手的故事,同時講述一個女孩子的前半生。
Thumbnail
前幾 天有一則新聞是說有一名工程師名為 augustgl 的工程師逆向工程 TikTok 的 Android 應用程式,並將所得的原始碼發至原始碼平台 Github 。文中augustgl 提到:「TikTok 是偽裝成社群媒體平台的數據收集引擎。它是合法的間諜軟體,因此我認為應逆向工程 Andro
Thumbnail
搞清楚 Git 與 GitHub 的差別並學會必會操作 什麼是 Git? Git 是一個軟體,可藉由它產生一個數據庫(repository),並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔,讓協同開發變得容易。(關於不同版本控制系統的介紹,請參閱 Git 官方教學文件)
轉移自 LogDown 原文日期 March 29, 2017 10:56   之前筆者已經寫過 jira 和 bitbucket ,這次要來嘗試關聯 jira 和 github。 專案程式碼託管服務除了部分公司選擇選擇私有服務器以外,大多數都使用 github 和 bitbucket,因此,