/tags/s3/Recent content in S3 on Mad BlogHugo -- gohugo.ioen-gbmadking.direct@gmail.com (Mad King)madking.direct@gmail.com (Mad King)Sun, 22 Feb 2026 00:00:00 +0000/posts/setting-up-s3-web-server/Sun, 22 Feb 2026 00:00:00 +0000madking.direct@gmail.com (Mad King)/posts/setting-up-s3-web-server/<p>This guide walks through setting up a Hugo blog on AWS S3 with a custom domain — perfect for your personal blog or portfolio.</p> <h2 id="overview">Overview</h2> <p>Here&rsquo;s the pipeline we&rsquo;ll set up:</p> <pre tabindex="0"><code>Markdown → Hugo Build → S3 Static Host → CloudFront CDN → blog.example.com </code></pre><ol> <li><strong>Hugo</strong> generates static HTML from markdown</li> <li><strong>S3</strong> hosts the files as a static website</li> <li><strong>CloudFront</strong> provides caching, HTTPS, and better performance</li> <li><strong>Ionos DNS</strong> routes your subdomain to CloudFront</li> </ol> <hr> <h2 id="prerequisites">Prerequisites</h2> <ul> <li>Hugo installed</li> <li>AWS account with access to S3 and CloudFront</li> <li>Domain/subdomain in Ionos (e.g., <code>blog.example.com</code>)</li> </ul> <hr> <h2 id="step-1-build-your-hugo-site">Step 1: Build Your Hugo Site</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">cd</span> /workspace/hugo-blog </span></span><span class="line"><span class="cl">hugo --minify </span></span></code></pre></div><p>This generates a <code>public/</code> directory with all static files.</p>