Build a Static Website step by step using Hugo

Install Hugo on Windows, macOS, and Linux using common package managers, verify the installation in your terminal, and prepare a website folder for hosting.

Create a new Hugo website and start a local server to preview it on localhost, learn the folder structure, add content, and resolve config file issues.

Clone a Hugo theme, preview the example site, and replace content such as skills, projects, publications, experience, and education. Run Hugo locally, adjust the config, and publish your site.

Update configuration settings to customize base url, language, and online deployment, then tailor profile details, social links, and analytics while adjusting visibility of sections in the config.

Explore the Hugo directory structure, including archetypes and draft settings, and see how content, blog posts, projects, and landing pages are organized with markdown, static assets, and layouts.

Update and organize your Hugo static site by editing education, experience, skills, projects, and the about page, then format content using markdown syntax to keep your online portfolio current.

Learn markdown basics for building a static website with Hugo, including headings, paragraphs, emphasis, lists, links, images, and code blocks, plus shortcodes for embeds.

Push your Hugo-generated static site to GitHub pages by building with Hugo, configuring the base, and deploying the public folder to a user or organization page.

Learn how to connect a custom domain to your static Hugo site by purchasing a domain, configuring DNS alias records, and setting up a redirect to your site.

Explore hosting a static website with CloudFront and Route 53, publish blogs and images, and build a Hugo-based site with a custom domain within about an hour.