Bind hugo to localhost for development
All notes in this series:
- (1) Automating hugo development with npm scripts
- (2) normalize-scss with hugo
- (3) Automatic image thumbnails in Hugo from static directory
- (4) Escaping Hugo shortcodes within Hugo markdown
- (5) Hugo tag and category pages
- (6) Bind hugo to localhost for development
- (7) Hugo 0.37 does not support h6 markdown heading
- (8) Install Hugo testing distribution on Debian
- (9) Hugo anchors next to headers
- (10) Hugo: Migrating from Pygments to Chroma
Situation: Want to run hugo on my laptop and access the website from my phone over wifi so that I can debug an issue that only occurs on my phone (issue does not occur in responsive mode using developer tools).
By default hugo binds to localhost which is only accessible internally (e.g. from on the same computer). Typically binding to 0.0.0.0 will allow a server to be accessed externally (e.g. from another computer on the same network). However, just doing:
hugo --bind=0.0.0.0
Does not completely work. Hugo will still use localhost to try and load resources (e.g. images, stylesheets).
The workaround is to use the --baseURL option, however unfortunately <IP> needs to be the IP address of your current machine (can’t just use 0.0.0.0) so the solution is not portable:
hugo --bind=0.0.0.0 --baseURL=http://<IP>:1313