https://cerulean-fox-8d3d8b.netlify.app/tags/guide/Recent content in Guide on Hugo Tailwind StarterHugoenSat, 10 Jan 2026 00:00:00 +0000https://cerulean-fox-8d3d8b.netlify.app/blog/getting-started/Sat, 10 Jan 2026 00:00:00 +0000https://cerulean-fox-8d3d8b.netlify.app/blog/getting-started/<h2 id="prerequisites">Prerequisites</h2> <ul> <li><a href="https://gohugo.io/installation/">Hugo</a> (extended version)</li> <li><a href="https://nodejs.org/">Node.js</a> 20+</li> </ul> <h2 id="quick-start">Quick Start</h2> <p>Clone the repo and install dependencies:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git clone https://github.com/YOUR_USERNAME/hugo-tailwind-starter.git </span></span><span style="display:flex;"><span>cd hugo-tailwind-starter </span></span><span style="display:flex;"><span>npm install </span></span><span style="display:flex;"><span>hugo server </span></span></code></pre></div><p>Open <code>http://localhost:1313</code> in your browser.</p> <h2 id="project-structure">Project Structure</h2> <p>The most important files:</p> <ul> <li><code>hugo.toml</code> — Site configuration</li> <li><code>assets/css/main.css</code> — Tailwind CSS entry point</li> <li><code>layouts/</code> — All page templates</li> </ul> <h2 id="dark-mode">Dark Mode</h2> <p>The starter supports dark mode out of the box. It detects your system preference and allows manual toggle via the button in the header.</p>