起因#

这个网站的搭建完全是因为我偶然在b站上看到了这个非常美丽的md3主题博客，也就是Mizuki，于是毅然决然地跑去GitHub了。🤓🤓🤓

经过#

万事开头难，我第一次开始的时候直接clone了Mizuki的源代码而不是发行版，然后我本地部署后push到我自己的仓库，按照官方文档走了一遍之后，对比了一下本地部署的网页，发现了live2d看板娘消失、音乐播放器没用、字体丢失等等问题，甚至有些诡异的bug（如主页横幅标题在首次进入时不显示，点击一篇文章后再回到主页就莫名其妙地显示了），我->😨

因为我就是个小白，所以我只能从头一步一步排除，这期间我尝试了fork原仓库（其实和clone+push没啥区别）、修改文件路径、放到服务器上部署（结果服务器clone的时候老是断联，遂放弃服务器），均复现同样的问题。🧐

不过我不是一无所获，至少我发现了音乐播放器的api无法访问，于是换用了meting官方演示的api，以及mian.css中引入的字体文件后缀错误，就改成了.tff，修复了播放器不能播放和字体丢失的问题。

我开始怀疑是不是GitHub Pages的锅，众所周知GitHub部署的网页格式都是［用户名（可自定义不能重复）］.github.io/［项目名］，我之前出现的这些bug极大可能是因为那个/［项目名］，所以我又去b站找有没有免费的二级域名分发，最终去奶渣云整了一个免费的二级域名，给GitHub Pages套上，一切问题居然完美解决，太舒畅了。😎😎

结果#

整个搭建的过程大概持续了半个多月，完全从零开始纯手搓，没花一分钱，真是让我煞费苦心，不过呢看到网站跑起来还是蛮爽的，压力！😋😋

附加内容#

今天还有个比较入机的问题，我发现我在手机上打开的博客，和在电脑上用f12模拟手机比例时打开的博客，主页横幅都会出现一个黑色渐变的遮罩，这原本不算个问题，但是它与下方文章区域的过渡极其不丝滑，看得我有点难受。

我本来想在源代码里面找到这个图层删掉的，结果只在f12控制台里面找到了一行“background”，把这个勾掉之后确实没有黑色图层了，但是我没办法逆向找到这一句在源代码里面的位置。

我又去群里找了陀螺（*）帮我看看是不是有同样的问题，结果他的手机没有这个图层。我都感觉有点似了。结果您猜怎么着，陀螺突然来了一句我是不是开了深色模式（手机的而非网站的），我天😱，一语点醒梦中人，关了深色模式果然见效了。所以食用这个网站的时候遇到神秘黑色图层请关掉深色模式。😅😅