dan/blog-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
No description
29 commits 1 branch 0 tags 197 KiB
Find a file
Exact
Daniel Durling c360c05735
 Update README.md
2025-10-15 11:04:36 -04:00
archetypes added hugo files, working in pico base styles 2024-01-21 21:52:25 -05:00
content search styling fixed, but the hot-reloading script still doesn't work 2024-02-12 21:35:22 -05:00
layouts search styling fixed, but the hot-reloading script still doesn't work 2024-02-12 21:35:22 -05:00
static/css add hot_reload server 2024-02-16 22:50:33 -05:00
.gitignore whoops accidentally included pagefind files 2024-02-12 21:36:15 -05:00
hot_reload_server.sh add hot_reload server 2024-02-16 22:50:33 -05:00
hugo.toml search styling fixed, but the hot-reloading script still doesn't work 2024-02-12 21:35:22 -05:00
index_server.sh search styling fixed, but the hot-reloading script still doesn't work 2024-02-12 21:35:22 -05:00
pagefind.toml add pagefind.toml 2024-01-29 18:52:54 -05:00
README.md Update README.md 2025-10-15 11:04:36 -04:00

README.md

Hugo/PicoCSS/Pagefind Blog Tutorial

  1. Clone the repo.
  2. Install Hugo and Pagefind through npm (even though you don't need node for this project).
  3. Run the file start_dev_server.sh to launch a local development server. Unfortunately it doesn't hot-reload yet :/ Pagefind and Hugo clash when you run on the Hugo dev server, will look into in the future.
  4. Pick a color from /static/css/colors which refers to Pico's site, and replace the original pico.min.css with the one you want, then delete the rest.
  5. Customize from there. Customize the styles in /static/styles.css.
  6. Add content using hugo new content/posts/my-new-post.md or hugo new content/posts/my-new-post/index.md to organize by folder.
  7. Host using Cloudflare Pages, Vercel, or something similar Make sure the build command is hugo --gc --minify && npm_config_yes=true npx pagefind.