不過因為網站和 repo 都是託管在 GitHub，就想說是不是可以直接在 GitHub 上讓他自動部署就好，我只要把文件上傳上去，接著 CI 就幫我弄好了。剛好之前 GitHub 就有推出 GitHub Actions，就是 GitHub 自己的 CI/CD 服務。剛好可以來試試看，

觀點

創作

文化生活

<div class="draft-block draft--quotesSpecial center"><div class="content"><a href="https://sujingjhong.com/posts/how-to-deploy-hugo-automatically-with-github-actions/" target="_blank" class="draft--a">原文張貼於個人部落格</a></div></div>
<div class="draft--imgNormal draft-block"><div><div style="height:1080px" class="image-block-prerender" data-src="https://images.unsplash.com/photo-1556075798-4825dfaaf498?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjI1Njg3fQ" data-width="1080" data-height="716" data-unsplash="[object Object]" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">目前網站是部署在 <a href="https://github.com/lisez/sujingjhong.com" target="_blank" class="draft--a">GitHub 的 repo</a>。</div>
<div class="draft-block draft--p left">然後每次發表新文章時都要做以下動作：</div>
<ul>
  <li class="draft-block draft--li">使用 Hugo 重新產生網站</li>
  <li class="draft-block draft--li">將原始檔案 commit 到 git</li>
  <li class="draft-block draft--li">將產生的檔案 commit 到 git</li>
</ul>
<div class="draft-block draft--p left">不過因為網站和 repo 都是託管在 GitHub，就想說是不是可以直接在 GitHub 上讓他自動部署就好，我只要把文件上傳上去，接著 CI 就幫我弄好了。</div>
<div class="draft-block draft--p left">剛好之前 GitHub 就有推出 GitHub Actions，就是 GitHub 自己的 CI/CD 服務。剛好可以來試試看，然後一如往常這撞牆失敗好幾次，花了一兩小時終於把它弄好了。</div>
<div class="draft-block draft--p left">本篇文章將不會介紹 GitHub Actoins 以及他各個細部指令，只會單純就我目前需要的情境做介紹。</div>
<h2 class="draft-block draft--h2" name="header-8rd4l">目前更新文章的流程</h2>
<div class="draft-block draft--p left">第一個我先整理目前手動更新文章的流程：</div>
<ol>
  <li class="draft-block draft--li">撰寫新文章</li>
  <li class="draft-block draft--li">將文章commit到文件repo</li>
  <li class="draft-block draft--li">用Hugo產生靜態文件</li>
  <li class="draft-block draft--li">將靜態文件commit到網站repo</li>
</ol>
<div class="draft-block draft--p left">基本上可以自動化的就是後面 3、4，我需要他 commit 到 github repo 上後，直接用 GitHub Actions 幫我做完後面的 3、4。</div>
<h2 class="draft-block draft--h2" name="header-fkjlo">更新文章流程自動化</h2>
<div class="embed-block-prerender" data-type="gist" data-id="41cebe4eb9190a5c5e879fee5933beb1"></div>
<div class="draft-block draft--p left"></div>

<p><a href="https://sujingjhong.com/posts/how-to-deploy-hugo-automatically-with-github-actions/">原文張貼於個人部落格</a></p>
<p><br></p>
<p>目前網站是部署在 <a href="https://github.com/lisez/sujingjhong.com">GitHub 的 repo</a>。</p>
<p>然後每次發表新文章時都要做以下動作：</p>
<ul>
  <li>使用 Hugo 重新產生網站</li>
  <li>將原始檔案 commit 到 git</li>
  <li>將產生的檔案 commit 到 git</li>
</ul>
<p>不過因為網站和 repo 都是託管在 GitHub，就想說是不是可以直接在 GitHub 上讓他自動部署就好，我只要把文件上傳上去，接著 CI 就幫我弄好了。</p>
<p>剛好之前 GitHub 就有推出 GitHub Actions，就是 GitHub 自己的 CI/CD 服務。剛好可以來試試看，然後一如往常這撞牆失敗好幾次，花了一兩小時終於把它弄好了。</p>
<p>本篇文章將不會介紹 GitHub Actoins 以及他各個細部指令，只會單純就我目前需要的情境做介紹。</p>
<h2>目前更新文章的流程</h2>
<p>第一個我先整理目前手動更新文章的流程：</p>
<ol>
  <li>撰寫新文章</li>
  <li>將文章commit到文件repo</li>
  <li>用Hugo產生靜態文件</li>
  <li>將靜態文件commit到網站repo</li>
</ol>
<p>基本上可以自動化的就是後面 3、4，我需要他 commit 到 github repo 上後，直接用 GitHub Actions 幫我做完後面的 3、4。</p>
<h2>更新文章流程自動化</h2>
<figure>E</figure>
<p><br></p>

Yancy Min

目前網站是部署在 GitHub 的 repo。

然後每次發表新文章時都要做以下動作：

不過因為網站和 repo 都是託管在 GitHub，就想說是不是可以直接在 GitHub 上讓他自動部署就好，我只要把文件上傳上去，接著 CI 就幫我弄好了。

剛好之前 GitHub 就有推出 GitHub Actions，就是 GitHub 自己的 CI/CD 服務。剛好可以來試試看，然後一如往常這撞牆失敗好幾次，花了一兩小時終於把它弄好了。

本篇文章將不會介紹 GitHub Actoins 以及他各個細部指令，只會單純就我目前需要的情境做介紹。

第一個我先整理目前手動更新文章的流程：

基本上可以自動化的就是後面 3、4，我需要他 commit 到 github repo 上後，直接用 GitHub Actions 幫我做完後面的 3、4。

You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.

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

目前更新文章的流程

更新文章流程自動化