Here’s a sampling of the various resources/reference sites I have saved for my Obsidian -> Hugo workflow
Links
- Youtube: Envato Tuts+ - Getting Started With Hugo
- Youtube: Eric Murphy - Theming In Hugo
- Hugo - Quick Start Guide
- Neocities - Website lists Hugo as static site generator
- Github - Obsidian to Hugo plugin - Haven’t quite checked in on this since 2023, it may work more closely for my workflow now.
- Hugo - Documentation
- Smashing Mag - Wordpress to Hugo - Really unused because I’m not on Wordpress, but okay for background knowledge
- Smashing Mag - Context and Variables in Hugo
- Hugo and Obsidian - Newest resource, need to check this one out, pending the wide release of Obsidian 1.8
- 4rkal - My Obsidian + Hugo blogging setup - This really cracked the code for me, what I reference in my Blog Dev Steps
- Github - Obsidian Shell Commands 4rkal references this, helps with the workflow
- MoonBooth’s Guide on Custom 404 Pages
Helpful Code Snips / Quick Reference lines
to change in command prompt to e drive
CD /D E:\File\File\File
to build site
hugo
to view local site at http://localhost:1313/
hugo server
to end the local server, hit ctrl+c in the command prompt window
The green I use for the site redesign is
#06ff00
Note: Remember two digits for both month and day in post frontmatter also for links, they should reference /posts/ first, and spaces should be rendered as dashes. (I wonder if there’s a setting in Obsidian to do this by default?)
and for images in blog posts, they go in static/images
to call them in a file, type
![alt text](./../../images/filename.extension)