前言

其实挺突然的，我最终还是下定决心把我的主页换掉了。

我从去年刚开始使用WordPress作为主页，到后来从GitHub上找做得比较好的主页的模板之后，趁着暑假网站备案完成，第一次尝试自己写主页。

一路跌跌撞撞过来，这是我第三次自己写主页了。接下来，我将会试着写一写我在这几次经历后的思考。如果可以的话，希望能够为其他才开始写代码的人们一些建议。

我第一次写代码的时候，HTML功底还不算很强，写出来的代码其实也显得超级拙劣，而且我当时只会使用HTML、CSS和很小很小一部分的JavaScript，虽然对Vue、React等语言有所耳闻，但确实不太会（虽然现在也没不会React）。

第一次写的网站代码还在HenryWHU0503/low-code-homepage放着

重写主页的想法，其实我在暑假的时候就已经想过了，而且酝酿已久，在网上找了很多好看的样式的进行观摩。思虑许久，我觉得Juan Garcia的网站风格很戳我，ta的网站是用Bento做的，模块化的效果我挺喜欢，于是思虑再三新建了这个文件夹，开始写这个属于自己的网站。

Juan Garcia的网站

从今年八月初我创建完文件夹开始，八月底和整个九月份因为开学的缘故暂停了一段时间，到十月份，我终于有时间把代码的剩余部分完成。

这一次更新其实是一次大改，除了重写主页之外，我还重新调整了我页面的分布。

更新一：统一多个页面的样式，减轻编写负担

最开始做的时候我的页面都是从头写的一个新页面出来。这样做的最大问题就是，每个页面的风格不一样，我检查CSS的时候一般又查不出哪里有问题。

所以这一次主页更新，我几乎把所有的页面都重做了，风格更加统一的同时，我写起来也更加快捷。

更新二：关闭冗余二级域名，页面更加简练

了解我页面的同学们可能知道，我不同页面都用的是不一样的二级域名，比如我的友链（friends.henrywhu.cn）、英语站（en.henrywhu.cn）和图库（pic.henrywhu.cn）。这样做的问题就是我需要在域名控制台挨个添加解析，而且因为网站添加时间先后，证书过期以后还不能同时续签。

所以这一次，除了博客以外，其他的二级域名都被我砍掉了（估计博客也快了），归到了主页的顶级域名之下。对于像图库这样我可能几百年都用不上的功能，如果网上没有太好的解决方案供参考的话，我也不准备重新弄了。

更新三：一些小改动

1

之前我一直用的是旧的Font-Awesome图标，而我自己也一直不知道有新的，直到后来纸鹿（zhilu.site，@L33Z22L11）跟我提出了以后，我才引入了新的图标库：

<!-- 引入Font Awesome -->
<link href="https://lib.baomitu.com/font-awesome/7.0.0/css/all.min.css" rel="stylesheet">

（使用的是Baomitu的国内CDN）

2

不知道处于什么原因，上一个版本（其实也算快的，刚刚高考完我就写的）的友链界面无法显示评论区，我改了好几次代码也没成功。所以我这次专门留意了这个问题，还好得到解决。

我用的评论服务是Twikoo的，我用服务器的docker进行安装，装好了以后就放在我的服务器里面。这个东西挺好用的，推荐大家也来试试。

总结

网站的最终效果

其实这次更新还是有点小遗憾。

我自己感觉其实我现在这个思路，也就是不改变主要的页面格式，而只调整重要部分的形式，和Vue的原理很像了，但是恕我技术还不好，这次还是没能用上Vue。也许下一次大更新就会有了。

阅读到这里的朋友，欢迎在评论区留言，聊聊你对我的新主页的具体感受，亦或是问一些想问的东西。我会尽快回答。