https://wustzhh.github.io/Hugo-stack/categories/%E9%83%A8%E7%BD%B2/ Recent content in 部署 on zhh的个人博客 Hugo -- gohugo.io zh-cn zhh Thu, 31 Oct 2024 17:56:17 +0800 https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/ Thu, 31 Oct 2024 17:56:17 +0800 https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/ <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/emilia.png" alt="Featured image of post 如何使用Hugo+github搭建博客" /><style> .highlight { background-color: yellow; color: black; font-size: 16px; } hr { border: none; height: 2px; /* 横线的高度 */ background-color: black; /* 横线颜色 */ width: 100%; /* 宽度 */ } </style> <h2 id="序言">序言 </h2><blockquote> <p>这是这个博客的第一篇文章，所以自然要记录怎么建立这个博客，以防后面换电脑导致博客丢失。</p></blockquote> <h2 id="如何使用hugo搭建静态博客">如何使用Hugo搭建静态博客 </h2><h3 id="下载hugo">下载Hugo </h3><blockquote> <p>首先去搜索Hugo官网，也就是<a class="link" href="https://gohugo.io/" target="_blank" rel="noopener" >这个地址</a> 点击这个按钮<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image.png" width="1073" height="71" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image_hu_dd3acabcae37967a.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image_hu_8ca4f1cc276d4dd6.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="1511" data-flex-basis="3627px" > 进入github页面后点击这个tags<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-1.png" width="1862" height="376" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-1_hu_a36f3c25d8cdc57a.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-1_hu_7b2ceae940baa6dc.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="495" data-flex-basis="1188px" > 选择最新版本<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-2.png" width="2042" height="426" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-2_hu_9d758be1d9028dfb.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-2_hu_2a8f7986f9ce54b5.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="479" data-flex-basis="1150px" > 拉到最下面之后选择下面这个<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-3.png" width="2126" height="1199" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-3_hu_9780d9f4d7f45640.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-3_hu_b01bc8c9ca84b4d2.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="177" data-flex-basis="425px" > 解压完成之后就可以看到这几个文件了<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-4.png" width="1142" height="299" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-4_hu_5c663ae1a06893ab.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-4_hu_847c0c47b7e8de69.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="381" data-flex-basis="916px" ></p></blockquote> <h3 id="使用hugo配置主题">使用Hugo配置主题 </h3><blockquote> <p>打开命令行，进入Hugo的安装目录，比如我的目录是<code>E:\Hugo_blog\hugo_extended_0.136.5_windows-amd64</code> 最简单的方法就是在地址栏输入cmd，然后回车，进入命令行，并且进入当前目录 输入<code>hugo new site zhhHugoBlog</code>创建新站点，然后进入目录<code>cd zhhHugoBlog</code> 由于进入了新目录之后没有hugo.exe文件，所以我们需要把刚才下载的Hugo解压后的目录下的hugo.exe文件复制到<code>zhhHugoBlog</code>目录</p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p>进来之后是什么都没有的，所以我们需要一个新的主题来开始写博客，这里我推荐的主题是stack 首先进入Hugo官网，点击这个theme按钮<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-5.png" width="2320" height="720" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-5_hu_558c51a9492f3fde.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-5_hu_8145c926fe7e40b8.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="322" data-flex-basis="773px" > 如图所示的第三个就是<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-6.png" width="2516" height="982" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-6_hu_4a973ffef596c020.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-6_hu_3c8168cfd1a88f2d.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="256" data-flex-basis="614px" > 然后依次点击如下按钮 <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-7.png" width="2215" height="777" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-7_hu_65b31bbad46ea15b.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-7_hu_5a67633da7b1a0f2.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="285" data-flex-basis="684px" ><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-8.png" width="1727" height="884" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-8_hu_17be68bc6aac4d4d.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-8_hu_69293637944b4422.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="195" data-flex-basis="468px" ><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-9.png" width="1435" height="409" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-9_hu_872cc6e7d593b067.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-9_hu_fdb7581e91889e76.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="350" data-flex-basis="842px" ><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-10.png" width="1355" height="743" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-10_hu_7bc18d489cdaeca0.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-10_hu_190fa55b91d1f15e.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="182" data-flex-basis="437px" > 把下载来的zip文件解压到<code>zhhHugoBlog\themes</code>目录下<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-11.png" width="799" height="170" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-11_hu_171a629a37b26e62.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-11_hu_d4f14de0777a966d.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="470" data-flex-basis="1128px" > 并且把这个主题的文件夹改个名字，把后面的版本号给去掉，后面说配置的时候会说原因的<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-12.png" width="713" height="188" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-12_hu_a552a1c4fc38e202.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-12_hu_467eaafae0c2d96d.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="379" data-flex-basis="910px" ></p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p>还没完，我们需要把这两个文件复制下来，放到主目录下 <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-13.png" width="971" height="276" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-13_hu_156199115be973d0.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-13_hu_79d3d20cf3b2eb22.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="351" data-flex-basis="844px" ><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-14.png" width="880" height="475" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-14_hu_a084307de9755ad2.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-14_hu_20fed72e60edb9bf.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="185" data-flex-basis="444px" > 然后把主目录下的hugo.toml给删了，这个文件和刚刚复制过来的hugo.yaml是一样的，我们只需要一个 进入这个目录，并且把这个文件夹给删了<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-15.png" width="976" height="328" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-15_hu_25220a43d0244226.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-15_hu_7ccce570c336c66b.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="297" data-flex-basis="714px" > 这个目录下面就是我们的博客，每一篇博客都是一个独立的文件夹，他里面用到了油管的链接，需要翻墙才能正常加载，我们不需要，所以就直接删了，避免卡顿</p></blockquote> <h3 id="创建文章并且开始写博客">创建文章，并且开始写博客 </h3><blockquote> <p>打开刚刚的控制台，输入<code>hugo new post/如何使用Hugo+github搭建博客/index.md</code>创建新文章<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-16.png" width="1073" height="196" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-16_hu_a70e841ce0ebafa1.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-16_hu_7527dd5b34cb1344.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="547" data-flex-basis="1313px" > 回到控制台，输入<code>hugo server -D</code>启动本地服务器，实时预览<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-17.png" width="1129" height="635" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-17_hu_141b9913b04fe9b.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-17_hu_149fbce4e303f59b.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="177" data-flex-basis="426px" > 复制控制台给的网址，在浏览器打开即可看到刚刚的主题和文章<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-18.png" width="2560" height="1326" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-18_hu_2f68c1c39b239aca.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-18_hu_6b65bd45c0a72b01.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="193" data-flex-basis="463px" > 此后写博客大抵都是这个流程，博客的内容在index.md文件里面修改就行了 如果要支持多语言的话，index.md还需要加上语言标识符，比如<code>index.zh-cn.md</code>或者<code>index.en.md</code>，但是我没有打算做英文的博客，所以就只用index.md了，后面讲配置的时候会说怎么把多语言给去掉的</p></blockquote> <h3 id="hugo常用命令">Hugo常用命令 </h3><div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">hugo new site my-blog <span class="c1"># 创建新站点</span> </span></span><span class="line"><span class="cl">hugo new post/my-first-post.md <span class="c1"># 创建新文章</span> </span></span><span class="line"><span class="cl">hugo server -D <span class="c1"># 启动本地服务器，实时预览</span> </span></span><span class="line"><span class="cl">hugo -d public <span class="c1"># 生成静态文件</span> </span></span></code></pre></td></tr></table> </div> </div><h2 id="配置hugo主题">配置Hugo主题 </h2><h3 id="stack主题配置">stack主题配置 </h3><blockquote> <p>进入主题目录，打开<code>hugo.yaml</code>文件，这个就是stack主题提供的默认配置文件，我们需要作亿点点修改 <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-19.png" width="821" height="271" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-19_hu_9e0407794beede83.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-19_hu_2f79db20ce3e7d02.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="302" data-flex-basis="727px" > 来介绍一下配置文件里面的参数 <code>baseURL</code>: 这个参数是网站的根目录，之后会修改成github上面的仓库地址作为我们的博客的根目录 <code>languageCode</code>: 这个参数是网站的默认语言，可以不用改，没什么影响 <code>theme</code>: 这个参数就是看你要使用哪一个主题，比如说我们这里使用的是stack主题，那么就要stack主题的文件夹的名字，所以我们刚刚把主题文件夹后面的版本号删掉之后就是这个配置文件的默认值了 <code>title</code>: AI说[这个参数是网站的标题，可以改成你喜欢的标题]，但是我没有找到这个参数有什么用，建议删掉 <code>paginate</code>: 每一页有多少篇文章，有些版本可能删掉了，但是没有关系，我们可以自己加上来<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-20.png" width="667" height="280" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-20_hu_f8d2c8f9897bb4ee.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-20_hu_620d87f77c8b84db.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="238" data-flex-basis="571px" > <code>copyright</code>: 版权信息，可以删掉，也可以加上自己的信息，对应的是这里<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-21.png" width="1368" height="1271" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-21_hu_2fc67fb79970069e.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-21_hu_f574539b345fab35.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="107" data-flex-basis="258px" ></p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p><code>语言设置</code>: <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-22.png" width="2068" height="1277" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-22_hu_eb53f16444cc4bd5.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-22_hu_b4f95d837d21b256.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="161" data-flex-basis="388px" > <code>title</code>和<code>subtitle</code>: 这两个参数是网站的标题和副标题，对应的就是这两个地方 <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-24.png" width="2181" height="736" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-24_hu_88df234f72766748.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-24_hu_526ad6274b667d17.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="296" data-flex-basis="711px" > 当我们把语言删掉只剩一个中文的时候，网页上对应的语言设置就没了，了却了一些烦恼，记得把<code>hasCJKLanguage</code>改成true，会让字数统计变得准确一点 <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-23.png" width="1786" height="1218" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-23_hu_64b8d7bcf95efa9d.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-23_hu_2636a37387a4defd.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="146" data-flex-basis="351px" > 这几个都是没有什么用的东西，直接看图片的注释就好了<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-25.png" width="2178" height="904" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-25_hu_455cc97bf4792463.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-25_hu_8901135fd72d75de.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="240" data-flex-basis="578px" ></p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p>接下来的属性都是在<code>params</code>下面的<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-26.png" width="2313" height="1341" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-26_hu_d1e48ee8752d3cdf.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-26_hu_f08935624ceae203.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="172" data-flex-basis="413px" > <code>footer</code>: 网站的页脚，表示博客是从哪一年开始的，如果距今超过一年，就会显示xxxx-xxxx <code>dateFormat</code>中的<code>published</code>：用来设置文章发布日期的格式，<code>lastUpdated</code>：应该是文章最后一次更新时间的格式 <code>sidebar</code>：设置头像和头像下面的表情的，要提一下的是头像的路径在这里，主题根目录下也有，但是站点根目录的优先级比较高，所以在站点根目录下放置一份就好<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-27.png" width="901" height="265" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-27_hu_50b03ddc603408a2.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-27_hu_b6af1022be03918b.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="340" data-flex-basis="816px" > <code>article</code>：math属性是用来开启数学公式的，需要设置写数学公式的时候开启。toc：表示是否显示目录，true表示显示，false表示不显示。readingTime：显示文章阅读时间，没什么用，开不开都行。license：文章末尾的版权信息，可以删掉，也可以加上自己的信息。 <img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-28.png" width="2039" height="1237" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-28_hu_f6770f0a5a3e203c.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-28_hu_43a978a4b284738c.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="164" data-flex-basis="395px" > <code>comments</code>: 评论功能，这个图里面的整个comments下面都是可选的评论框架。使用起来很简单，参考这片博客就行了 <a class="link" href="https://zhuanlan.zhihu.com/p/716423597" target="_blank" rel="noopener" >如何给Hugo博客添加评论功能</a> 特别注意一下<code>utterances</code>，这个是完全免费的。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-29.png" width="1824" height="1243" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-29_hu_f7fdc81a356ff046.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-29_hu_25f33227eda6bce3.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="146" data-flex-basis="352px" > 这里的就是widgets界面右边的功能栏，homepage对应主页的几个功能，page的这个是表头<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-30.png" width="2135" height="1171" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-30_hu_5c7b69da81b8bbbb.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-30_hu_66a1778577fd8b1f.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="182" data-flex-basis="437px" > 这几个都没什么用，也不知道干嘛的，不管他就好，colorScheme可以设置主题颜色，但是亮暗两种就够用了，先不管。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-31.png" width="1655" height="1188" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-31_hu_5e8636cfa39da620.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-31_hu_867c164695dccd1c.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="139" data-flex-basis="334px" > 这里就是对应的这个，可以转到自己其他的页面去看看，比如B站<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-32.png" width="1999" height="977" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-32_hu_c6e394328f59d6e4.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-32_hu_70d70c0a9813dcd8.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="204" data-flex-basis="491px" ></p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p>最后还有首页的几个文件在这里面改。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-33.png" width="1894" height="716" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-33_hu_fc31a93c31ac7a0.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-33_hu_c9e5f588d41725f8.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="264" data-flex-basis="634px" ></p></blockquote> <h2 id="部署到github">部署到github </h2><h3 id="常规部署">常规部署 </h3><blockquote> <p>首先需要自己去下载git，然后用指令初始化一下账号信息<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-38.png" width="994" height="725" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-38_hu_af1902a5a95d5ef1.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-38_hu_b4c9e8c3209ae754.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="137" data-flex-basis="329px" > 新建一个仓库，名字可以随意<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-34.png" width="1390" height="989" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-34_hu_14ffbbd5e981ae9e.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-34_hu_663b7f9d39ce8597.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="140" data-flex-basis="337px" > 之后立刻把仓库的网址复制到配置文件的baseURL参数中。<code>特别注意</code>，如果你的仓库不是<code>github名.github.io</code>，那么你需要在URL后面加上刚刚的仓库名作为子路径。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-35.png" width="842" height="93" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-35_hu_89a0118b1ef64ca9.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-35_hu_e630b7e93e4afd2a.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="905" data-flex-basis="2172px" ></p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p>删除掉这里的public<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-36.png" width="908" height="597" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-36_hu_a130a4cbf8511d0f.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-36_hu_10752fa068e58979.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="152" data-flex-basis="365px" > 然后在控制台输入<code>hugo -D</code>重新生成静态文件 之后进入public按照github的提示上传文件，只有第二步需要修改，改成<code>git add .</code><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-37.png" width="1229" height="202" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-37_hu_12b8e9e7a78cbf34.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-37_hu_1db7b1e0424e2a16.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="608" data-flex-basis="1460px" > 如果部署失败，有可能是git没有初始化用户名导致的</p></blockquote> <hr style="border: none; height: 2px; background-color: black; width: 100%;"> <blockquote> <p>上传成功之后，来到github仓库的setting这里选择main分支点击save<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-39.png" width="2357" height="837" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-39_hu_891b57c8d179458c.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-39_hu_9142a91ae3a1b541.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="281" data-flex-basis="675px" > 过一会之后刷新，就可以看到你得博客了。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-40.png" width="1487" height="999" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-40_hu_4523c1cb3e5f55bb.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-40_hu_69a0813fda907afe.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="148" data-flex-basis="357px" > 如果看到这种失败，这种是因为网络问题导致的，多试几次。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-50.png" width="1101" height="201" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-50_hu_5e74c3011dbc2525.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-50_hu_b02c7c73314bc0ff.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="547" data-flex-basis="1314px" ></p></blockquote> <h3 id="自动部署">自动部署 </h3><h4 id="上传的私有仓库">上传的私有仓库 </h4><blockquote> <p>在根目录下面创建一个.gitignore文件，并且写下以下信息，把几个不需要的文件排除掉<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-41.png" width="1959" height="693" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-41_hu_a7f30f61d48dcb9.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-41_hu_cb613cf9de276bf0.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="282" data-flex-basis="678px" > 之后按照常规部署的操作来一遍，但是这一次是上传根目录的文件，不再是public了，记得把这一次的仓库设置为私有。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-46.png" width="1656" height="930" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-46_hu_49dd156c5f9750d1.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-46_hu_757cb3829aefd06d.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="178" data-flex-basis="427px" ></p></blockquote> <h4 id="生成token准备自动部署">生成token准备自动部署 </h4><blockquote> <p>首先到github上生成一个token，这个token可以用来自动部署，而不是用自己的账号密码。 按以下步骤点击。<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-42.png" width="2559" height="1335" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-42_hu_94cbcd61cec0bc3b.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-42_hu_536ea5e161871ea3.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="191" data-flex-basis="460px" ><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-43.png" width="1859" height="863" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-43_hu_727fcc722752d21f.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-43_hu_f56b2563d70d7097.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="215" data-flex-basis="516px" ><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-44.png" width="1869" height="1031" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-44_hu_c603c1c8d025acc1.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-44_hu_f733597b6c6e19bb.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="181" data-flex-basis="435px" > 把repo和workflow勾选上，然后点击generate token，复制生成的token<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-45.png" width="1274" height="408" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-45_hu_febb34207bebabf8.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-45_hu_f813cca6145258cd.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="312" data-flex-basis="749px" > 把token作为参数添加到这个仓库的Secrets里面(防止出现明文泄露)，名字随便取，比如<code>Hugo_TOKEN</code><img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-47.png" width="1924" height="957" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-47_hu_ce4512c1ac3a7542.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-47_hu_2df60f5e170aee71.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="201" data-flex-basis="482px" ></p></blockquote> <h4 id="私有仓库自动部署">私有仓库自动部署 </h4><blockquote> <p>在根目录下连续新建三层文件，最后的文件名随便取，必须是yaml格式，之后把如下内容复制进去，记得替换一下关键信息<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-48.png" width="1096" height="243" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-48_hu_723ea276f2e5a4c5.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-48_hu_ab392cf8c955529e.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="451" data-flex-basis="1082px" ></p></blockquote> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span><span class="lnt">11 </span><span class="lnt">12 </span><span class="lnt">13 </span><span class="lnt">14 </span><span class="lnt">15 </span><span class="lnt">16 </span><span class="lnt">17 </span><span class="lnt">18 </span><span class="lnt">19 </span><span class="lnt">20 </span><span class="lnt">21 </span><span class="lnt">22 </span><span class="lnt">23 </span><span class="lnt">24 </span><span class="lnt">25 </span><span class="lnt">26 </span><span class="lnt">27 </span><span class="lnt">28 </span><span class="lnt">29 </span><span class="lnt">30 </span><span class="lnt">31 </span><span class="lnt">32 </span><span class="lnt">33 </span><span class="lnt">34 </span><span class="lnt">35 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">name</span><span class="p">:</span><span class="w"> </span><span class="l">deploy</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="c"># 代码提交到main分支时触发github action</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">on</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">push</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">branches</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="l">main</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">jobs</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">deploy</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">runs-on</span><span class="p">:</span><span class="w"> </span><span class="l">ubuntu-latest</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">steps</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="nt">name</span><span class="p">:</span><span class="w"> </span><span class="l">Checkout</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">uses</span><span class="p">:</span><span class="w"> </span><span class="l">actions/checkout@v4</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">with</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">fetch-depth</span><span class="p">:</span><span class="w"> </span><span class="m">0</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="nt">name</span><span class="p">:</span><span class="w"> </span><span class="l">Setup Hugo</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">uses</span><span class="p">:</span><span class="w"> </span><span class="l">peaceiris/actions-hugo@v3</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">with</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">hugo-version</span><span class="p">:</span><span class="w"> </span><span class="s2">&#34;latest&#34;</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">extended</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="nt">name</span><span class="p">:</span><span class="w"> </span><span class="l">Build Web</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">run</span><span class="p">:</span><span class="w"> </span><span class="l">hugo -D</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="nt">name</span><span class="p">:</span><span class="w"> </span><span class="l">Deploy Web</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">uses</span><span class="p">:</span><span class="w"> </span><span class="l">peaceiris/actions-gh-pages@v4</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">with</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">PERSONAL_TOKEN</span><span class="p">:</span><span class="w"> </span><span class="l">${{ secrets.你的token变量名 }}</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">EXTERNAL_REPOSITORY</span><span class="p">:</span><span class="w"> </span><span class="l">你的github名/你的仓库名</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">PUBLISH_BRANCH</span><span class="p">:</span><span class="w"> </span><span class="l">main</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">PUBLISH_DIR</span><span class="p">:</span><span class="w"> </span><span class="l">./public</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">commit_message</span><span class="p">:</span><span class="w"> </span><span class="l">auto deploy</span><span class="w"> </span></span></span></code></pre></td></tr></table> </div> </div><blockquote> <p>对我来说就是只改这里<img src="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-49.png" width="1099" height="163" srcset="https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-49_hu_5c48262fb656730c.png 480w, https://wustzhh.github.io/Hugo-stack/p/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8hugo-github%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/image-49_hu_d25548ba0d2778a6.png 1024w" loading="lazy" alt="alt text" class="gallery-image" data-flex-grow="674" data-flex-basis="1618px" ></p></blockquote> <h4 id="自动部署测试">自动部署测试 </h4><blockquote> <p>上述做完之后进入根目录，打开cmd，连续输入以下命令 <code>git add .</code> <code>git commit -m &quot;update&quot;</code> <code>git push</code></p></blockquote> <blockquote> <p>由于更换了电脑，可能是设置不太一样了，导致命令也会有差异，<code>git push</code>也可以换成<code>git push origin main</code></p></blockquote>