2021建设个人博客的心路历程
-
梦开始的地方
2021年8月,我在试用了半个月的云服务器后,终于是下定决心买了一年的服务器,开始搭建属于自己的博客,这时候还是有很多的阻碍,对服务器的不熟悉、申请域名等让我在各种操作上步履蹒跚。到后来,建站之初,网站速度不尽人意,遂开始探寻CDN的道路,在经历了网站时常崩溃、错位代码弹出等一系列问题后,终于在10月底完成了对网站的优化。
-
初建设
回到开始时第一步,我在网上寻找了很多建立博客的建议,在探寻了知乎、百度等平台的回答后,最后决定还是选择WordPress为框架搭建。在服务器里安装了宝塔界面,使用宝塔的一键部署直接安装WordPress的框架,但是第一次安装失败了,我后来慢慢摸索出来宝塔面板的使用方法,在自解包上传的操作下,终于是进入了WordPress的后台.接下来就是使用别人的博客主题了,最开始想的是二次元风格多一点,于是就找到了Sakura主题,设置的时候,却因为操作不当,导致在设置了后台登录页后因登录验证码无法显示而进不去后台。在重新洗牌安装后,我在浏览相关网页时偶然看到Sakura的相关衍生主题Sakurairo,在各种程度上都有比较好的体验,于是我便开始第二轮的部署工作。
进入博客的建设阶段,我先安装了Sakurairo主题,并且根据网上的教程安装了一系列优化WP的插件,这才开始正式动工设置主站。这个主题的设置引导已经很完善了,小白都能看得懂,在一步步的设置之下,网站初见雏形,然而当时顺风顺水的还不知道,这才只是劫难的开始。整个框架完成后,我开始尝试根据我的要求给每个栏目做一个页面,例如,一个栏目是分两个系列的,就要在一个页面里做一个分类页面,但是网页编写不过关的我只能去找网上的模板,在边尝试编写边寻找模板的过程中,使用的编辑器时常发生故障,把本来已经写好的页面布局弄得一团糟,一开始我认为是我安装了盗版的插件问题,但是再转回正版后,结果还是一样,遂放弃,打算等学会html和css再实现这个目标。
后来关于图片的种种,主要是随机图片的制作,花了大量的时间,网上的图片API好坏参半,封面图和文章的展示图片总是显示不了或者是很慢,而且图片风格都被分类得很固定,要么是性感美女,要么就是纯风景,要么就是纯度过高的二次元图片,还带点软色情,所以在多方的探索下,我开始搭建一个自己的图片API,使用的是网上流传最多方法,我特意开通了阿里云的OSS来存放图片,使用体感得到数倍提升。 -
建设中期
陆陆续续分好类,我开始把文章放到上面,由于编辑器的原因,中途又重新编辑了一次文章的布局,这里倒没有什么困难和阻碍。深色模式下的文字显示问题让我选择了关闭深色模式,之后又尝试了很多种网站的配色,修改了网站标题的显示和个人社交页的设置,事情逐渐步入正轨。
在这个首页的中部,有三个展示框,我开始就在考虑应该放入什么项目,最开始决定的是一个文档归纳区,打算重新建一个站,但是没有合心意的项目模板选用,蚂蚁文档的收费挡住了大片的市场,其他笔记不是太符合预期,于是这个项目就暂时搁置下来,紧接着就是在宝塔的一键部署上看到的时光邮局,我觉得挺有新意的,连忙搞了一个,部署也很简单,半天时间就完成了搭建,一开始没有什么不妥的地方,还提出让朋友试下,但是没人理我。过了一阵,我才发觉,这玩意是不是一具空壳啊?我特意尝试了一下,今天发到明天的邮件,连续试了好几天,硬是没收到,去数据库一看,好家伙全卡在那里了。思来想去,怎么也不知道那里出错了,只能怀疑代码年久失修,最终只能放弃挣扎,后来为了弥补这一空缺,先后做了几个小项目,但是都不太满意,决定不太跟我的主站风格吻合,这时停滞在一个初音小游戏的项目上暂且闲置。接下来是云盘功能,这个比较完善,市面上的项目也很多,我在多方筛选下,选择了这个Zfile网盘,上手有微微的一点难度,不过还是很轻松地搞定了网盘的部署,现在也能正常使用。回到文档归纳环节,到做完云盘功能,还没有找到合适的文档归纳项目,这时候偶然间,我被一个博客的做法唤醒了思路——我可以在搭建一个博客,专门用于归纳笔记。
说干就干,我找到了最开始打不开官网的z-blog来搭建第二博客,好处是很简洁便携,随便点点就完成了搭建,再到网上找了个比较干净的主题,部署完毕,就开始把我的网站学习笔记放上去,这观感一下子就上来了,我当时也很满意。建设中期时代就到这里结束。
-
优化与布局设置
在后来的一段时间里,都风平浪静的,不知道什么时候开始,网站的后台又会时不时就会崩溃,弄得我心烦,一番折腾后,我决定取消在阿里云OSS 里放网页端的随机图片,改为利用github+jsDeilver来优化图片,并且把网站上的图片都进行了无损压缩和更改webp文件格式,整体优化了网站的加载速度,不得不说阿里云真是有点闹心。祸不单行,在Sakurairo的2.3.0左右的版本里出现了一个恶性bug,原本的谷歌字体api失效,并且在一个隐藏的引用了谷歌字体api的设置极大地拖慢了网站的加载速度,幸亏在主题群群友的帮助下,找到了问题所在,解决了这个问题,并且很幸运的是,在解决这个问题的途中,我又找到了两个WP本土化的插件——WPJMP和WP-China-Yes,虽然后者现在好像有点半瘫痪状态,后台界面负加速,不过在当时还是很好地优化了我的谷歌字体加载问题。在接下来的两个版本,都出现了不同程度的恶性bug,有封面图不显示、社交图标丢失等,都随着版本更新解决。在这其中,我开始学着修改页面的CSS,因为我感觉使用的这款字体会让整体的观感至少下降了4px的大小,于是花了两天的时间,把菜单、标题、分割栏都改了一遍,我也在这次修改中彻底明白CDN下方的刷新预热的作用就是用来刷新缓存,只不过这些每次一更新版本就要重新修改,目前正在研究的子主题应该能很好处理这个问题。通过额外代码的插入,实现了网站标题标签的焦点变换、鼠标点击烟花特效、背景彩带特效等,关闭了消耗性能的Live2D模型和底部的音乐播放器,还修改了菜单的多级显示和悬停显示,这个花的时间最久,但只能作用于电脑网页端。
-
成型
11月到12月,是最接近完工的时候,其实这时候大多数的布局和分类都已经完善,就差放文章,但手头的成品不多,就拖了很久。
这时候我在翻阅别人博客时发现之前很喜欢的一款主题布局的资源,再三思考下,我把学习笔记从z-blog搬迁到了博客园,也就是现在这样,并且在这个时候,又发现了一款开源免费的笔记系统,虽然还是有点简陋,但是算是比较符合心里预期的一款了,随后紧急补习了之前逃课的Docker,搭建了我的个人文档笔记系统。
这时候,三个空位还剩一个,我想了很多,做了个引导页、做了个工具箱,但是结果不尽人意,最后还是做成了自己的音乐厅,最开始也是希望找一个开源的项目,试了几个之后,找到了现在这个yes-play-music,并使用varcal进行搭建,其途中也尝试过在自己的服务器搭建,但是没有成功。
一直到12月29日凌晨,我发出了我的2021年年度总结,并正式对外公布我的博客建成,虽然没有掀起什么风浪,但这是今年做的最正确、最充实的事情了。如果没什么变故,我会一直经营下去,就算服务器没钱续费,我也会搬到博客园这边来,阅读和写作这条路我会一直走下去。