So beherbergen Sie Hugo in Vercel

Ich habe mich entschieden, mit Hugo meine persönliche Website zu erstellen. Das Einzige, worauf ich mich bei meiner Wahl gestützt habe, war die Bauzeit. Ich dachte, Hugo sei in der gleichen Liga wie Astro, wenn es um die Vorteile des Content-Managements geht, aber das ist noch nicht ganz so weit. Oder ich kann sagen, dass es einen eigenen Pfad hat, da es älter ist als die meisten anderen statischen Site-Generatoren, die mir begegnet sind. Darüber hinaus handelt es sich um eine Go-Anwendung, was ein weiterer wichtiger Faktor ist, der bei der Bewertung der Technologieauswahl berücksichtigt werden muss.

Was kann hinzugefügt werden!

Ja, es ist möglich, die Funktionalität von Hugo zu erweitern. Sie können fehlende Funktionen über Module hinzufügen, die den Build-Prozess modifizieren. Beispielsweise fehlte mir die MDX-Unterstützung in Hugo. Ich kann dies durch ein Modul beheben, das MDX zur Build-Zeit rendert. Ich habe es selbst noch nicht ausprobiert, aber es scheint möglich.
Ich kann möglicherweise auch eine parallele Gebäudepipeline hinzufügen – wenn wir es so nennen können. Dies kann die Verwendung von Tools wie Vite, Turbo oder Webpack beinhalten. Allerdings würde dieser Ansatz wahrscheinlich den Bauprozess verkomplizieren und möglicherweise Hugos Hauptbaumechanismus verlangsamen. Diese Integrationen wurden verwendet, um Tailwind und andere Frontend-Bibliotheken zu integrieren. Wenn Sie sich die kommenden Funktionen von Hugo ansehen, sehen Sie interessanterweise Pläne zur Integration von Tailwind und anderen Technologien.

Aufbauend auf Vercel

Ich habe einige Hugo-Tools von Drittanbietern verwendet, insbesondere HugoMods. Das Symbolmodul erregte meine Aufmerksamkeit, weil ich meiner Website Symbole hinzufügen wollte, ohne eine ganze Schriftart zu importieren. Bei der Suche wurde als erstes das Icons-Modul angezeigt. Es bietet eine Vielzahl von Symbolanbietern, darunter Bootstrap, Font Awesome, Feather-Symbole und mehr.
Vor Ort hat alles perfekt funktioniert. Nachdem ich jedoch meine Änderungen übernommen hatte, schien sich nichts zu ändern. Als ich die Build-Seite in Vercel überprüfte, fiel mir auf...

[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]

Als Hugo versuchte, die für den Build benötigten Module zu installieren, konnte es die Go-Binärdateien nicht finden. Ich suchte Hilfe bei Claude und GPT und hoffte auf eine schnelle Lösung, aber sie konnten keine direkte Hilfe leisten. Ich musste sie bei jedem Schritt anleiten, und irgendwann verlor ich die Hoffnung in ihre Fähigkeit, mir zu helfen.
Ich hatte sogar Claude für eine Lösung verwendet, die fast erfolgreich war, wenn nicht die Einschränkungen in den Vercel-Eingabefeldern gewesen wären.

Was hat funktioniert?

Ich habe im Vercel-Dashboard zur Einstellungsseite meiner Website navigiert. Auf der Registerkarte „Umgebungsvariablen“ habe ich eine Variable mit dem Namen „HUGO_VERSION“ hinzugefügt und ihren Wert auf die neueste verfügbare Version von Hugo gesetzt.

Wählen Sie im Reiter „Allgemein“ Hugo als Framework-Voreinstellung aus. Überschreiben Sie dann den Build-Befehl mit Folgendem:

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 

Hinweis: Ich verwende Go-Version 1.22.2, die zum Zeitpunkt des Schreibens die neueste ist. Sie können die Version an Ihre spezifischen Anforderungen anpassen.

Warum Build Command?

Ich verstehe Ihre Skepsis. Wie Sie dachte ich, ich hätte eine clevere Lösung. Zunächst habe ich versucht, Go über das Feld „Befehl installieren“ zu installieren, aber es ist kläglich fehlgeschlagen. Der Build-Prozess von Vercel konnte die Binärdateien trotz meiner umfassenden Fehlerbehebung nicht finden.
Nachdem ich unzählige mögliche Lösungen erfolglos untersucht hatte, stieß ich auf ein GitHub-Problem, bei dem jemand seinen gesamten Installationsprozess direkt im Build-Feld platziert hatte. Durch die Nachahmung ihres Ansatzes hatte ich schließlich Erfolg. An diesem Punkt spricht die Lösung für sich.
Der Versuch, diese Schritte im Installationsbefehlsfeld zu platzieren, wird wahrscheinlich zu Fehlern führen.

Oder dieses

Die Installation von Amazon Linux Extras wird die Go-Installationsherausforderung nicht lösen. Die über diese Methode verfügbare Go-Version ist deutlich veraltet. Ich habe diesen Ansatz gründlich getestet und bin auf wiederholte Fehler gestoßen. Ich habe versucht, sowohl yum- als auch dnf-Paketmanager im Installationsbefehl zu verwenden, aber keine der beiden Methoden konnte das Go-Binärproblem erfolgreich lösen.

---

Abschließend habe ich diesen Beitrag auf verschiedenen Plattformen geteilt, um zu testen, welche davon in den Suchergebnissen zuerst erscheint. Ich war schon vor Monaten dazu bereit. Allerdings konnte ich nicht den richtigen Beitrag dazu finden. Sie können das Experiment von hier aus verfolgen.

Das obige ist der detaillierte Inhalt vonSo beherbergen Sie Hugo in Vercel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!