开始着手写才发现这一部分自己没什么好写的~~（谁不是跟着别人地教程一步一步来的呢）~~， 这边把我用到的博文都分类列出，前人之述备矣，只要跟着步骤很快就可以完成装修和博客撰写的配置。
博客页面配置 上篇文章结束后的博客页面大致如下，但是搜索，时间轴，关于和友链的链接进入后会显示404报错，这是因为相关的文件并没有生成，按照所给路径不能找到对应的页面文件，需要我们手动生成。
查看yaml配置文件中关于菜单按钮的相应代码，寻找对应的网页源文件：
menu: main: - identifier: search name: 🔍搜索 url: search weight: 1 - identifier: posts name: 📚文章 url: posts weight: 3 - identifier: archives name: ⏱时间轴 url: archives/ weight: 20 - identifier: tags name: 🔖标签 url: tags weight: 40 - identifier: about name: 🙋🏻♂️关于 url: about weight: 50 - identifier: links name: 🤝友链 url: links weight: 60 只需要将对应的页面创建出来即可。依照Hugo搭建个人博客（2） | 3rd’s Blog 以及Hugo博客添加友链 | Sulv’s Blog 便可以很顺利地完成配置，此处不再赘述。
什么是静态博客？ 静态博客就是指将一系列的HTML、CSS、Markdown文件在本地编辑完成后上传至Github等代码托管平台，之后通过一些网站托管平台将这个网站通过Hugo等网站生成器生成对应的博客网站并等待人们访问。这个方案最为突出的优点就是可以免费建站，对于穷鬼学生可以说是最优选择了。并且使用Hugo网站生成器，访问速度也会比其他方法更加快速搞笑。
与之相对的就是动态博客。既然动态，那就必须要有一个程序持续运行在服务器上等待IP和端口被访问。一个服务器便是一个不小的开支。之前以为云计算的课程，购买了一年期的华为云HECS服务器，但由于自己当时对于博客搭建工具的毫不了解，采用了手搭动态博客的方式搭建动态博客，用了不少技术和数据库知识，但还是只是搭建了一个毫无CSS内容的光秃秃页面。之后考虑到长期维护和对于私密性的考虑，放弃了华为云果断选择了Hugo生成静态博客。
静态博客怎么运行？ 静态博客首先需要我们在本地生成一个运行Hugo的文件夹，里面存放了我们从网络上（也可以是自己编写）下载解压的主题文件，之后我们只需要在对应存放文章的目录新建Markdown文件即可撰写文章。当撰写完成后便可以用我们本机的Hugo来生成页面进行预览。
当预览没有问题后我们便可以通过Git推送到Github上，此时Vercel会通过更新后的源文件进行网页构建。当我们通过网络访问博客对应得域名时，由于我们再DNS服务商的设置，请求会跳转至Vercel生成的页面，并将结果返回。
当我们将流程了解清楚后，所需要的前期准备工作便非常清楚了，需要准备域名以及安装Hugo，并且进行与之相关的一些工作。
域名准备 关于申请我是参考这篇博文：EU.org+ClouDNS|免费域名小撇步 - 东俄勒冈群山 (houdini.eu.org)。域名申请通过EU.org，DNS服务商选择了ClouDNS。本篇博文的内容非常详细并且操作非常顺利，此处不再赘述。
不过需要注意的是申请域名可以提前进行，因为需要一点时间等待回复。而将域名绑定至Vercel则应该在在Vercel完成Hugo任务的配置后再进行。因此可以先进行申请，之后便开始Hugo安装和相关工作，妥当之后，并且域名也通过了，便可以进行绑定工作。
Hugo初始化 安装Hugo Hugo安装参考了三篇博文：Hugo | 一起动手搭建个人博客吧 | 小球飞鱼 (mantyke.icu)， hugo博客搭建 | PaperMod主题 | Sulv’s Blog (sulvblog.cn)，国庆不出门宅女美丽新家装潢一站式笔记 - 东俄勒冈群山 (houdini.eu.org)。实际安装过程如下：
首先需要在Hugo的Github仓库 Tags · gohugoio/hugo (github.com) 中下载压缩包，这里我的版本号是v0.104.2，之后在希望安装Hugo的位置新建文件夹，将下载好的安装包解压。这时还需要将Hugo添加至系统环境变量中，在电脑开始页的搜索栏中搜索“环境变量”，点击 高级->环境变量，将hugo.exe所在的路径增加至PATH的记录中，点击确定保存即可。
此时在Hugo所在文件夹打开命令行工具，这里我用的是邮件点击Git Bush Here，输入：
$ hugo version 若成功输出此时的Hugo版本号，则安装成功：
hugo v0.104.2-84cbe724983b4b6153fd39aae0888cbb89a56cda+extended windows/amd64 BuildDate=2022-09-29T10:31:09Z VendorInfo=gohugoio 初始化Hugo 这一步可以在本地通过Bash输入：
$ hugo new site hugoblog 即可在当前文件夹生成对应的文件目录生成对应的文件结构，但这里我们采用使用Vercel生成Hugo模板，之后从Github pull的方式进行。
