如何在 Vercel 中託管 Hugo

我決定和Hugo一起建立我的個人網站。我的選擇唯一基於的是建置時間。我認為 Hugo 在內容管理方面與 Astro 處於同一水平，但目前還沒有達到這個水平。或者，我可以說它有自己的路徑，因為它比我遇到的大多數其他靜態網站產生器都要舊。此外，它是一個 Go 應用程序，這是評估技術選擇時要考慮的另一個重要因素。

可以加什麼！

是的，可以擴充Hugo的功能。您可以透過修改建置過程的模組來添加缺少的功能。例如，我缺少 Hugo 中的 MDX 支援。我可以透過在建置時渲染 MDX 的模組來解決這個問題。我自己沒有嘗試過，但似乎是可能的。
我還可以添加一個並行構建管道——如果我們可以這樣稱呼它的話。這可能涉及使用 Vite、Turbo 或 Webpack 等工具。然而，這種方法可能會使建構過程複雜化，並可能減慢 Hugo 的主要建構機制。這些整合已用於合併 Tailwind 和其他前端庫。有趣的是，如果您查看 Hugo 即將推出的功能，您會看到整合 Tailwind 和其他技術的計劃。

基於 Vercel 構建

我使用了一些第三方 Hugo 工具，特別是 HugoMods。圖標模組引起了我的注意，因為我想在我的網站上添加圖標而不導入整個字體。搜尋時，首先出現的是圖示模組。它提供了各種圖標供應商，包括 Bootstrap、Font Awesome、Feather 圖標等等。
在當地，一切都很順利。然而，在推動我的改變之後，似乎沒有任何改變。在檢查 Vercel 中的建置頁面後，我注意到...

[12:10:48.021] Running build in Washington, D.C., USA (East) – iad1
[12:10:48.210] Cloning github.com/mohessaid/mohessaid (Branch: main, Commit: eaeecd1)
[12:10:48.449] Cloning completed: 238.727ms
[12:10:49.038] Restored build cache from previous deployment (5i5sCdjnY3KZXgGBqbqfgJUjrwYB)
[12:10:49.132] Running "vercel build"
[12:10:49.714] Vercel CLI 39.0.2
[12:10:50.440] Total in 3 ms
[12:10:50.441] Error: failed to load modules: failed to download modules: binary with name "go" not found in PATH
[12:10:50.446] Error: Command "hugo --gc" exited with 1
[12:10:50.625]

當 Hugo 嘗試安裝建置所需的模組時，它找不到 Go 二進位。我向Claude和GPT尋求協助，希望能快速解決問題，但他們無法提供直接協助。我必須引導他們完成每一步，最終，我對他們幫助我的能力失去了希望。
如果不是因為 Vercel 輸入欄位的限制，我甚至使用 Claude 來實現幾乎成功的解決方案。

什麼有效？

我在 Vercel 儀表板中導航至我的網站的設定頁面。在「環境變數」標籤中，我新增了一個名為「HUGO_VERSION」的變量，並將其值設定為最新可用的 Hugo 版本。

在「常規」標籤中，選擇 Hugo 作為框架預設。然後使用以下內容覆蓋建置命令：

curl -L https://go.dev/dl/go1.22.2.linux-amd64.tar.gz -o go1.22.2.linux-amd64.tar.gz && tar -C /usr/local -xzf go1.22.2.linux-amd64.tar.gz && export PATH=$PATH:/usr/local/go/bin && go env GOTPATH  &&  hugo --gc --minify 

注意：我使用的是 Go 版本 1.22.2，這是撰寫本文時的最新版本。您可以修改版本以滿足您的特定要求。

為什麼要建置命令？

我理解你的懷疑。和你一樣，我認為我有一個聰明的解決方案。最初，我嘗試在 Install Command 欄位中安裝 Go，但慘敗。儘管我進行了詳盡的故障排除，但 Vercel 的建置過程仍無法找到二進位檔案。
在探索了無數潛在的解決方案但沒有成功之後，我偶然發現了一個 GitHub 問題，其中有人將整個安裝過程直接放在建置欄位中。照著他們的方法，我終於獲得了成功。至此，解決方案就說明了一切。
嘗試將這些步驟放入安裝命令欄位中可能會導致錯誤。

或這個

安裝 Amazon Linux Extras 並不能解決 Go 安裝難題。透過此方法可用的 Go 版本明顯過時。我徹底測試了這種方法並遇到了一致的失敗。我嘗試在安裝命令中同時使用 yum 和 dnf 套件管理器，但這兩種方法都未能成功解決 Go 二進位問題。

---

最後，我在不同的平台上分享了這篇文章，以測試哪個平台在搜尋結果中排名第一。幾個月前我就願意這麼做。但是，我找不到合適的貼文。您可以從這裡開始進行實驗。

以上是如何在 Vercel 中託管 Hugo的詳細內容。更多資訊請關注PHP中文網其他相關文章！