https://sixdian.com/tags/blog/ Recent content in Blog on sixdian https://sixdian.com/image/150x150.webp https://sixdian.com/image/150x150.webp Hugo -- 0.154.0 zh-CN Wed, 20 Apr 2022 14:27:53 +0800 https://sixdian.com/post/hugo-blog/ Wed, 20 Apr 2022 14:27:53 +0800 https://sixdian.com/post/hugo-blog/ <p>Hugo 是一个用 Go 语言编写的开源静态网站生成器，只需几秒钟即可生成一个网站，被认为是目前世界上最快的网站构建框架（本站的搭建就是基于 Hugo）。下面就介绍如何利用 Hugo 建立自己的独立 Blog。</p> <p>本方案需具备以下条件：</p> <ul> <li>一台拥有 80 端口权限的 Linux 服务器或 VPS。（本教程是基于 Rocky Linux 操作系统的 VPS）</li> <li>拥有一个域名并解析到目标服务器IP。</li> </ul> <p>大致步骤：</p> <ul> <li>本地电脑利用 Hugo 生成静态网站。</li> <li>利用 Git（一个开源分布式版本控制工具）将本地生成的网站部署到服务器。</li> <li>服务器上使用 Nginx（一个异步框架的网页服务器）为网站提供代理服务。</li> <li>使用 Let&rsquo;s Encrypt 的 TSL 证书为网页传输提供加密特性。</li> </ul> <h2 id="安装-git">安装 Git</h2> <p>本地<a href="https://git-scm.com/downloads">下载</a>安装 Git 并设置环境变量</p> <h2 id="安装-hugo">安装 Hugo</h2> <p>本地<a href="https://github.com/gohugoio/hugo/releases">下载</a>安装 Hugo</p> <h2 id="利用-hugo-创建一个新站点">利用 Hugo 创建一个新站点</h2> <p>终端下执行如下代码：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>hugo new site sitename #其中 sitename 为站点文件夹名。 </span></span></code></pre></div><p>这样就在当前目录下生成一个名叫 &ldquo;sitename&rdquo; 的初始站点文件夹。</p> <p>进入站点目录：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>cd sitename </span></span></code></pre></div><p>你会看到站点目录结构：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>- archetypes </span></span><span style="display:flex;"><span>- content </span></span><span style="display:flex;"><span>- data </span></span><span style="display:flex;"><span>- layouts </span></span><span style="display:flex;"><span>- public </span></span><span style="display:flex;"><span>- resources </span></span><span style="display:flex;"><span>- static </span></span><span style="display:flex;"><span>- themes </span></span><span style="display:flex;"><span> * config.toml </span></span></code></pre></div><h2 id="添加主题">添加主题</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>cd themes </span></span><span style="display:flex;"><span>git clone https://github.com/xianmin/hugo-theme-jane.git --depth=1 themes/jane </span></span></code></pre></div><p>复制示例文件到站点内容目录：</p>