版本记录 · Versions

关于博客简介,我已经在“关于 · About”里提过了,这里的版本记录主要详细的描述一下我从一开始接触到网页技术和服务器,到如今的本站,版本更迭的变化。后续的Debug和技术改进也会写在记录在这里。

初代博客 · Hexo

那大概是2016年,距我高中用Dreamever胡乱搞网页已经过去了五六年的时间了。我姐姐在寒假用了半个多月的时间较为系统的教了我HTML和CSS,并且帮我搭建了Github托管的静态网站,Hexo+Yilia主题。当时我还对分布式Git,以及hexo并不很了解,对新鲜的技术和概念还相对陌生。

hexo yilia
初代博客,Hexo+Yilia部署在Github

Yilia是Hexo有史以来最火的主题之一,时至今日仍不过时,比如有一位来自电子科大的创客达人彭志晖(音译),他的博客“稚晖的个人站”,就是用Hexo+Yilia搭建,部署在他自己设计的微型服务器上。

pzh-xyz
“稚晖的个人站”移动端

初代简历站 · HTML响应式静态页面

写网站其实是为了挂简历,当时申请研究生的时候,有学长姐说,不要把简历放在邮件的附件里,教授懒得下载的!最好附个链接,这样方便查阅。于是就有了这个存放简历的网页。

这个简历站是姐姐写的,用的是HTML+CSS,当年她在人大上学的时候部署在实验室的网页上。我把它源码要过来进行了一些修改,变成了我的初代简历站。

后来在17年初我还申请了两个域名,toplizhuo.com和toplizhuo.cn,前者用来存放博客,后来用来存放简历。此时我也通过腾讯学生优惠,购置了我的第一台服务器。

about version 1
初代响应式简历站

第二代博客 · 仿站

毕业季总是很忙碌,前半季忙着答辩,拍毕业照,后半季忙着怀念,送别。所以并没有什么机会写博客,于是网站就在这个时期失宠了。

这个时期我的网站使用的是原生HTML+CSS最原始的技术,并且没有做移动端适配,效果并不理想。网站设计是模仿google来的一个设计室界面,我下载了该网站的前端资源,进行了优化和改良。

blog_version_2
第二代博客主页

因为是不带任何框架的静态页面,所以写博客就很麻烦。博客页就只好用Markdown来凑合。不过没有关系,毕竟这个小小的个人站也没有什么流量,不用担心用户体验问题,自己开心就好!

blog_example_1
博客文章页

第二代简历站 · Bootstrap

姐姐给的源码其实还是很好用的,由于是自己写的,所以非常的简洁,加载速度非常快。但是作为处女座的我,总觉得有点不完美。毕竟,iPhone都出到7了,网络都4G了,处理器硬件那么发达,老版的网页和新款的手机感觉太不和谐了,所以,是时候增加一些脚本让网页生动起来!

这个时候我想到了Bootstrap,利用框架来增加一些用户交互体验。

resume_about
第二代简历站

这就是我一直沿用至今的简历站:https://about.toplizhuo.com/,扁平化的UI和文字设计,流畅的过渡,静态网页较快的加载速度,满足了我对简历站的所有期待。

第三代博客 · Hexo

Hexo是一个被我错过的好东西。当年姐姐帮我用Hexo搭网站的时候,我还并没有意识到Hexo的威力。直到19年的夏天,女朋友已经工作了,暑假回国,每天早上送她上班之后回屋闲来无事,就想办法重建自己的博客系统,于是就想到了Hexo。在一番折腾之后,基于Hexo的新一代博客系统上线了。

blog_version_3
第三代博客,Hexo

应用的主题并不是一个大众主题,如果我没记错的话,源码应该是一位哈尔滨工程大学的同学用ejs写的。我对源码进行了一定程度的删改,增加了一些设定。由于做了移动端适配,所以移动端查阅起来也很方便,并且配有夜间模式。

blog_version_2_mobile
第三代博客移动端预览效果

博客文章页的浏览效果也是令人满意的,并在桌面端配有标题导航。

blog_example_2
博客页桌面端浏览效果

我还为博客植入了搜索算法,不过由于是静态页面,如果博客文章体量巨大,搜索引擎初始化可能需要比较长的时间。但这作为轻量级博客系统的搜索工具已经完全够用了。

blog_search
移动端搜索页面

最新博客 · WordPress

各个自建站博主们对wordpress历来是褒贬不一,有人觉得它功能强大,很好很方便,有人觉得它太过冗杂,拖累加载速度。有人从Wordpress将网站迁移到静态网站如Hexo,也有人从静态网站迁移到Wordpress,比如说我。

为啥想起用Wordpress建站呢?因为一个偶然的机会,我发现我们墨尔本大学的官网,居然应用了Wordpress!仔细了解后发现,其实有很多国际知名网站都是基于Wordpress的基于PHP的脚本的动态网站技术,进行开发和维护的。

于是在今年,也就是2020年的4月20日,全新的Wordpress博客系统上线。在最近一个月内,我对本站进行了一些优化,后文将逐条记录网站曾经以及未来的维护和删改。

  • 网站上线,部署在腾讯云北京服务器(2020-4-20)
  • 增加访客浏览统计,文章浏览统计(2020-4-21)
  • 应用Zend Opcache对PHP脚本进行缓存(2020-4-28)
  • 上线腾讯云CDN加速,静态内容使用腾讯COS对象存储空间进行缓存(2020-5-2)
  • 开启腾讯云CDN全站加速(2020-5-3)
  • CDN导致访客统计异常,下线腾讯云CDN全站加速(2020-5-4)
  • 简历站静态托管部署至腾讯云COS(2020-5-4)
  • 部署Memcached动态缓存加速(2020-5-18)
  • 阿里云国际赠送一年海外云服务器,将其部署在香港(2020-5-21)
  • 将整站镜像到阿里云香港服务器,并对腾讯云北京服务器进行维护(2020-5-21)
  • 腾讯云北京云服务器重装系统,编译配置最新环境,安装BT Linux服务面板(2020-5-22)
  • 博客系统回迁腾讯云北京服务器,使用阿里云CDN将静态文件缓存至阿里云对象储存OSS中,并使用阿里云全站加速将全球范围动态内容回源访问延时降至50ms以内(2020-5-23)
  • 博客系统使用Ajax异步更新网页,解决网页被缓存后访问统计失效的问题(2020-5-23)
  • 简历站部署至阿里云香港服务器,并使用阿里云CDN全球加速(2020-5-23)