Mitt HuGo- och Netlify-arbetsflöde

I den här videon går jag igenom mitt HuGo–Netlify-arbetsflöde. Hugo är en statisk webbplatsgenerator skriven i Go och använder Markdown-filer för innehållet.

Transkription (svenska)

Hej YouTube, Cristian Herrera här. Hoppas ni hade en fin påsk trots pandemin. Här i Stockholm är det kallt och snöigt, så jag sitter på båten och jobbar åt en kund. Innan dess en snabb genomgång av mitt Hugo + Netlify-arbetsflöde för bloggen.

Hugo är en statisk webbplatsgenerator. Jag flyttade bloggen från Joomla till Hugo. Jag gör videoinlägg till blogginlägg; senare tänker jag använda YouTube-undertexter för hela inlägg, men det är ett framtidsprojekt.

Hugo rekommenderar att skapa nytt innehåll med hugo-kommandot—det skapar sökväg och boilerplate från archetypes/. Jag har en egen archetype med title/date/lastmod. Men ofta gör jag det manuellt: under content/blog/<år>/ skapar jag en mapp per post med index.md i. Hugo hanterar resurser bättre med den bundle-strukturen. Jag kopierar en befintlig index.md till den nya mappen (t.ex. content/blog/2016/enlightenment-basic-configuration/) och redigerar.

Arbetsflöde:

  • Kör hugo server för live-preview; ändringar i Markdown eller config.toml syns direkt.
  • Kopiera en gammal index.md till den nya postmappen; redigera titel, taggar, kategorier, datum och YouTube-länk.
  • Kontrollera i dev-sajten att inlägget syns med rätt datum, taggar, kategorier och inbäddad video.
  • För produktion: kör hugo --minify (minifierar HTML/CSS; vissa JS kan krångla när de minifieras). Output hamnar i public/.
  • Deploy till Netlify via CLI: netlify deploy --dir=public --prod (mitt netlify.toml pekar på public som publish-dir).

Efter deploy kollar jag livesajten: posten syns i “posts” med rätt datum. Det är mitt nuvarande flöde; Hugo + Netlify funkar utmärkt för mig. Ha en bra dag och ta hand om er—hej.

comments powered by Disqus