首頁 > 後端開發 > Golang > 如何在 Vercel 中託管 Hugo

如何在 Vercel 中託管 Hugo

Linda Hamilton
發布: 2024-11-30 14:39:15
原創
773 人瀏覽過

我決定和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 版本。

How to Host Hugo in Vercel

在「常規」標籤中,選擇 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 
登入後複製

How to Host Hugo in Vercel

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

為什麼要建置命令?

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

How to Host Hugo in Vercel

或這個

How to Host Hugo in Vercel

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


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

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

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板