https://skyseraph.github.io/tags/%E5%8D%9A%E5%AE%A2/Recent content in 博客 on SkySeraphHugozh-CNTue, 01 Dec 2015 00:00:00 +0000https://skyseraph.github.io/posts/2015/hugo-github-pages-guide/Tue, 01 Dec 2015 00:00:00 +0000https://skyseraph.github.io/posts/2015/hugo-github-pages-guide/<blockquote> <p>作者：skyseraph<br> 日期：2015-12-01<br> 原文链接：<a href="https://skyseraph.github.io/posts/2015/hugo-github-pages-guide/">Hugo 博客搭建指南</a></p> </blockquote> <hr> <h2 id="前言">前言</h2> <p>本文记录如何使用 Hugo 搭建个人技术博客并部署到 GitHub Pages，全程只需要 Markdown 写作，推送代码后自动构建发布。</p> <h2 id="为什么选择-hugo">为什么选择 Hugo</h2> <ul> <li>构建速度极快，千篇文章秒级完成</li> <li>单二进制文件，无依赖</li> <li>主题生态丰富</li> <li>原生支持 GitHub Actions 部署</li> </ul> <h2 id="安装-hugo">安装 Hugo</h2> <div class="highlight"><div style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">2 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">3 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">4 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">5 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">6 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">7 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">8 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-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><span style="color:#6272a4"># macOS</span> </span></span><span style="display:flex;"><span>brew install hugo </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span><span style="color:#6272a4"># Windows</span> </span></span><span style="display:flex;"><span>winget install Hugo.Hugo.Extended </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span><span style="color:#6272a4"># 验证</span> </span></span><span style="display:flex;"><span>hugo version </span></span></code></pre></td></tr></table> </div> </div><h2 id="创建站点">创建站点</h2> <div class="highlight"><div style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">2 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-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>hugo new site myblog </span></span><span style="display:flex;"><span><span style="color:#8be9fd;font-style:italic">cd</span> myblog </span></span></code></pre></td></tr></table> </div> </div><h2 id="目录结构">目录结构</h2> <pre tabindex="0"><code>myblog/ ├── content/ # Markdown 文章 ├── themes/ # 主题 ├── static/ # 静态资源 ├── layouts/ # 模板覆盖 └── hugo.toml # 配置文件 </code></pre><h2 id="写作流程">写作流程</h2> <p>新建文章：</p>