https://xuewexin.github.io/tags/github-pages/ Recent content in GitHub Pages on 清风客 Hugo -- gohugo.io en-us 等我 Mon, 02 Dec 2024 11:54:47 +0800 https://xuewexin.github.io/p/hugo-github-blog/ Mon, 02 Dec 2024 11:54:47 +0800 https://xuewexin.github.io/p/hugo-github-blog/ <img src="https://xuewexin.github.io/p/hugo-github-blog/2.png" alt="Featured image of post Hugo + GitHub Pages 搭建个人博客 — 从零到上线" /><h2 id="大佬的blog展示">大佬的blog展示 </h2><p>（大家也可以去更nb的大佬那里学习）</p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/ll.png" width="1735" height="997" srcset="https://xuewexin.github.io/p/hugo-github-blog/ll_hu_2d55f2aff2c98107.png 480w, https://xuewexin.github.io/p/hugo-github-blog/ll_hu_46db0a91fc0587ef.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="174" data-flex-basis="417px" >l</p> <h2 id="准备工作">准备工作 </h2><h3 id="11-git下载">1.1 Git下载 </h3><ul> <li>前往【<a class="link" href="https://git-scm.com/" target="_blank" rel="noopener" >Git官网</a>】，下载安装程序</li> <li>一直点下一步，默认安装即可</li> </ul> <hr> <h3 id="12-hugo下载">1.2 Hugo下载 </h3><ul> <li>前往【<a class="link" href="https://github.com/gohugoio/hugo/tags" target="_blank" rel="noopener" >Hugo Github Tags</a>】，选择对应版本下载，下载后解压即可</li> <li>Windows下载版本：<strong>hugo_extended_xxxxx_windows_amd64.zip</strong></li> </ul> <hr> <h3 id="13-注册-github账号">1.3 注册 GitHub账号 </h3><p>前往GitHub：<a class="link" href="https://github.com/" target="_blank" rel="noopener" >GitHub</a></p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/1.png" width="1725" height="733" srcset="https://xuewexin.github.io/p/hugo-github-blog/1_hu_926d68596fe8d7ff.png 480w, https://xuewexin.github.io/p/hugo-github-blog/1_hu_1639844ee750899d.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="235" data-flex-basis="564px" ></p> <h2 id="搭建博客">搭建博客 </h2><p>1.建设两个仓库</p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/3.png" width="1714" height="201" srcset="https://xuewexin.github.io/p/hugo-github-blog/3_hu_8b6547ce394e675.png 480w, https://xuewexin.github.io/p/hugo-github-blog/3_hu_6dcb3bffb1026c0.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="852" data-flex-basis="2046px" ></p> <p>2.一个主仓库以 你的GitHub账号名.github.io 命名 （主仓库）</p> <p>另一个仓库以 随意名字（建议为 hugo-main） 作为子仓库用以进行仓库的自动部署</p> <h2 id="以在hugo网页上挑选自己的主题">以在hugo网页上挑选自己的主题 </h2><p><img src="https://xuewexin.github.io/p/hugo-github-blog/4.png" width="1659" height="876" srcset="https://xuewexin.github.io/p/hugo-github-blog/4_hu_7b4e8b53b3a9ae1a.png 480w, https://xuewexin.github.io/p/hugo-github-blog/4_hu_9b26b835bdddaf91.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="189" data-flex-basis="454px" ></p> <h2 id="搭建">搭建 </h2><p><img src="https://xuewexin.github.io/p/hugo-github-blog/5.png" width="1161" height="1048" srcset="https://xuewexin.github.io/p/hugo-github-blog/5_hu_4bb344b67e64e3f6.png 480w, https://xuewexin.github.io/p/hugo-github-blog/5_hu_325ad0022a11f169.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="110" data-flex-basis="265px" ></p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/6.png" width="1380" height="753" srcset="https://xuewexin.github.io/p/hugo-github-blog/6_hu_8455432d2b4aa5b1.png 480w, https://xuewexin.github.io/p/hugo-github-blog/6_hu_db67c399e4e7093c.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="183" data-flex-basis="439px" ></p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/7.png" width="1186" height="1279" srcset="https://xuewexin.github.io/p/hugo-github-blog/7_hu_d9a5e1006a4ec42a.png 480w, https://xuewexin.github.io/p/hugo-github-blog/7_hu_317337050063e27c.png 1024w" loading="lazy" class="gallery-image" data-flex-grow="92" data-flex-basis="222px" ></p> <h2 id="结尾">结尾 </h2><p>最后将你的blog上传到github上面，并在仓库里的seting找到pages 上面会自动生成你blog的专属网址</p> <h2 id="补充">补充 </h2><p>我省略了部分细节，需要一定的前端基础，最后感谢各位的观看，想了解更多搭建blog的内容可以在B站大学查找，拜拜了您内！！！(同时感谢倪神，要不是它，我也不会想写blog，虽然没给我什么实际帮助，但也要膜拜一下)</p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_110355.jpg" width="888" height="696" srcset="https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_110355_hu_a60f5d6e912655e3.jpg 480w, https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_110355_hu_24e9a13736faf2f9.jpg 1024w" loading="lazy" class="gallery-image" data-flex-grow="127" data-flex-basis="306px" ></p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_110519.jpg" width="372" height="372" srcset="https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_110519_hu_c1dc7aed227fe5fb.jpg 480w, https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_110519_hu_5bf0d6f7b9c5d3c7.jpg 1024w" loading="lazy" class="gallery-image" data-flex-grow="100" data-flex-basis="240px" ></p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_11519.jpg" width="372" height="372" srcset="https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_11519_hu_c1dc7aed227fe5fb.jpg 480w, https://xuewexin.github.io/p/hugo-github-blog/IMG_20241202_11519_hu_5bf0d6f7b9c5d3c7.jpg 1024w" loading="lazy" class="gallery-image" data-flex-grow="100" data-flex-basis="240px" ></p> <p><img src="https://xuewexin.github.io/p/hugo-github-blog/IMG_2021202_11519.jpg" width="372" height="372" srcset="https://xuewexin.github.io/p/hugo-github-blog/IMG_2021202_11519_hu_c1dc7aed227fe5fb.jpg 480w, https://xuewexin.github.io/p/hugo-github-blog/IMG_2021202_11519_hu_5bf0d6f7b9c5d3c7.jpg 1024w" loading="lazy" class="gallery-image" data-flex-grow="100" data-flex-basis="240px" ></p>