Hugo Static Site Generator Basics
What is Hugo? Hugo: Fast static site generator written in Go Converts markdown → HTML No database needed Extremely fast builds (milliseconds) Single binary (easy installation) Key Concepts Static Site Generator Builds HTML files at build time (not runtime) No server-side processing Just serve files (S3, CloudFront, etc.) Content Written in markdown (.md files) Stored in content/ directory Organized by sections (folders) Theme Controls site appearance Layouts, CSS, JavaScript Can customize or use existing Front Matter Metadata at top of markdown file Between --- markers YAML, TOML, or JSON format Project Structure my-site/ ├── hugo.yaml # Site configuration ├── content/ # Your markdown files │ └── posts/ │ └── my-post.md ├── themes/ # Theme files │ └── PaperMod/ ├── static/ # Static files (images, etc.) ├── layouts/ # Custom layouts (optional) └── public/ # Generated site (after build) Create New Post # Create new post hugo new posts/my-study-note.md # Opens: content/posts/my-study-note.md Generated file: ...