<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Static-Sites on hxmn.dev</title><link>https://hxmn.dev/tags/static-sites/</link><description>Recent content in Static-Sites on hxmn.dev</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Thu, 16 Apr 2026 10:00:00 +0300</lastBuildDate><atom:link href="https://hxmn.dev/tags/static-sites/index.xml" rel="self" type="application/rss+xml"/><item><title>Getting Started with Hugo for Technical Blogging</title><link>https://hxmn.dev/posts/getting-started-with-hugo/</link><pubDate>Thu, 16 Apr 2026 10:00:00 +0300</pubDate><guid>https://hxmn.dev/posts/getting-started-with-hugo/</guid><description>&lt;p&gt;Hugo is one of the fastest static site generators available, and it is particularly well-suited for technical blogs. In this post, we will walk through why Hugo stands out and how to get a blog running from zero.&lt;/p&gt;
&lt;h2 id="why-hugo"&gt;&lt;a href="#why-hugo" class="header-anchor"&gt;&lt;/a&gt;Why Hugo?
&lt;/h2&gt;&lt;p&gt;There are plenty of static site generators to choose from — Jekyll, Eleventy, Astro, Next.js — but Hugo has a few properties that make it compelling for engineering blogs:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Speed.&lt;/strong&gt; Hugo builds are measured in milliseconds, not seconds. A site with hundreds of posts still builds in under a second.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Single binary.&lt;/strong&gt; No Node.js, no Ruby, no Python runtime. Install one binary and you are done.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Batteries included.&lt;/strong&gt; Taxonomies, RSS, sitemaps, syntax highlighting, and image processing are all built in.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="installation"&gt;&lt;a href="#installation" class="header-anchor"&gt;&lt;/a&gt;Installation
&lt;/h2&gt;&lt;p&gt;On macOS with Homebrew:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;brew install hugo
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Verify the installation:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo version
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="creating-a-site"&gt;&lt;a href="#creating-a-site" class="header-anchor"&gt;&lt;/a&gt;Creating a Site
&lt;/h2&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo new site my-blog
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; my-blog
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="adding-a-theme"&gt;&lt;a href="#adding-a-theme" class="header-anchor"&gt;&lt;/a&gt;Adding a Theme
&lt;/h2&gt;&lt;p&gt;Hugo has a rich &lt;a class="link" href="https://themes.gohugo.io/" target="_blank" rel="noopener"
 &gt;theme ecosystem&lt;/a&gt;. For a clean, professional look, PaperMod is an excellent choice:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Then set &lt;code&gt;theme = 'PaperMod'&lt;/code&gt; in your &lt;code&gt;hugo.toml&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="writing-your-first-post"&gt;&lt;a href="#writing-your-first-post" class="header-anchor"&gt;&lt;/a&gt;Writing Your First Post
&lt;/h2&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo new content posts/my-first-post/index.md
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;This creates a new post using the archetype template, pre-filled with frontmatter fields for date, tags, categories, and more.&lt;/p&gt;
&lt;h2 id="whats-next"&gt;&lt;a href="#whats-next" class="header-anchor"&gt;&lt;/a&gt;What&amp;rsquo;s Next
&lt;/h2&gt;&lt;p&gt;Once you have the basics running, there is a lot more to explore — custom shortcodes, deployment pipelines, and content organization strategies. Check out the post on &lt;a class="link" href="https://hxmn.dev/posts/docker-compose-for-local-dev/" &gt;Docker Compose for local development&lt;/a&gt; for an example of how we structure technical content on this blog.&lt;/p&gt;</description></item></channel></rss>