https://mono.youali.me/tags/deployment/Recent content in Deployment on MonoHugoen-usWed, 15 Jan 2025 00:00:00 +0000https://mono.youali.me/posts/post-03/Wed, 15 Jan 2025 00:00:00 +0000https://mono.youali.me/posts/post-03/<p>Hugo generates a static site in <code>public/</code> when you run <code>hugo</code>. This folder contains plain HTML, CSS, and JS that can be hosted anywhere. Below are step-by-step guides for three common platforms.</p> <hr> <h2 id="netlify">Netlify</h2> <p>Create <code>netlify.toml</code> in your site root:</p> <div class="highlight-wrapper"><div class="code-language">toml</div><button type="button" class="copy-button" title="Copy code"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> </button> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">build</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">command</span> <span class="p">=</span> <span class="s2">&#34;hugo --gc --minify&#34;</span> </span></span><span class="line"><span class="cl"> <span class="nx">publish</span> <span class="p">=</span> <span class="s2">&#34;public&#34;</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">build</span><span class="p">.</span><span class="nx">environment</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">HUGO_VERSION</span> <span class="p">=</span> <span class="s2">&#34;0.139.0&#34;</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">context</span><span class="p">.</span><span class="nx">deploy-preview</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">command</span> <span class="p">=</span> <span class="s2">&#34;hugo --gc --minify --buildDrafts --baseURL $DEPLOY_PRIME_URL&#34;</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">context</span><span class="p">.</span><span class="nx">deploy-preview</span><span class="p">.</span><span class="nx">environment</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">HUGO_VERSION</span> <span class="p">=</span> <span class="s2">&#34;0.139.0&#34;</span></span></span></code></pre></div> </div> <h3 id="setup">Setup</h3> <ol> <li>Push your site to GitHub</li> <li>Go to <a href="https://app.netlify.com">app.netlify.com</a> &gt; <strong>Add new site</strong> &gt; <strong>Import an existing project</strong></li> <li>Select your repo. Netlify auto-detects the <code>netlify.toml</code></li> <li>Click <strong>Deploy site</strong></li> </ol> <p>The first build takes about 30 seconds. Netlify gives you a URL like <code>https://random-name-12345.netlify.app</code>.</p>