时间轴 – 八本那年

2019年3月4日

域名在通管局取得备案，这是一件值得纪念的事情~

安装WordPress程序，成功搭建八本那年博客

精心挑选，最后选用了超级方便的Git-alpha主题

2019年3月5日

申请SSL证书，成功开启https模式

开通PHP页面伪静态，强行给文章链接加上了.html

2019年3月6日

第一次发表文章，用了三个小时，WP系统的编辑器不太会用就熟悉了下，然后反复修改文章排版，发现图片居左会导致布局有问题…最后发现插入图片并居中对齐真香！

由于反复修改文章，导致历史版本10多个，所以还是清掉吧！吃上了WP-Optimize插件~

新增社会主义核心价值观的鼠标点击效果，代码见文章《社会主义核心价值观鼠标点击js特效代码》

在MySSL.com重新进行HTTPS安全评估，得分A+

2019年3月7日

添加工具【VIP音乐解析】，可以用于解析音乐外链哦！

2019年3月8日

自己设计了一下404页面，等你访问了一个错误页面就可以看见啦！

经反复考虑，将原先网站主地址barben.cn全部修改为www.barben.cn，访问所有页面都会自动跳转到新地址

为配合从http跳转到https，及配合从barben.cn跳转到www.barben.cn，修改了网站根目录下的.htaccess文件，修改方法见文章《如何301重定向将http强制跳转到https》、及《wordpress自动修改.htaccess为默认的解决方法》

写上面这篇文章的时候觉得WordPress对代码的显示效果不太好，所以特意在后台安装了Enlighter插件好方便展示代码

2019年3月9日

本想自己造一个有特色的右侧工具栏，但是又发现两个不相关的博客连右侧的工具栏都一样，查后发现原来是可以在后台的外观-小工具里面直接设置的。

右侧工具栏的近期文章栏目改成了从新标签页打开，但不得不说，这模板找起来真费劲，在wp-includes/widgets/class-wp-widget-recent-posts.php之中

工具栏增加了一栏动漫台词展示，每次打开页面都会随机展示一句暖心语句，可是找这些句子花了一下午…

2019年3月11日

修改后台主题样式设置中分类展示形式为列表风格，访问分类页就可以正常显示当前分类下的所有文章啦

分类链接本来是【https://博客域名/category/分类别名】，在后台设置中去掉了/category，现在分类链接变为【https://博客域名/分类别名】

调整菜单栏结构，新增菜单文章分类、留言列表、友情链接。

修改菜单栏样式，在每个菜单文字前加入Font Awesome图标库中的文字，更加美观

网站左下角添加摇曳的蒲公英特效，代码见文章《纯CSS给网站左下角添加蒲公英动态效果》

2019年3月14日

设置评论前需先登录账号，添加QQ快速登录方式，且登录注册地址均由后台变为前台，也更加美观大方，具体方法见文章《wordpress实现授权QQ微信和微博登录功能》

2019年3月20日

右侧工具栏添加用户中心，可以快捷登录注册和进入个人中心等。简单修改了一下这个小工具的样式，不过代码也太难找了吧：wp-content/plugins/wechat-social-login/templates/account/login-wide.php

2019年3月31日

八本那年博客承载着过去和未来的回忆，所以安全起见做了整站自创建以来的第一次备份！再争取以后每半个月定期备份一次~

2019年4月3日

手残更新了一下QQ登录插件，自己DIY的插件前台样式又还原了。最后头痛很久突然想到，原来我还有个网站备份！

2020年4月3日

距离上次更新时间轴刚好一年，今天加了一个CNZZ站长统计。

2020年4月4日
为深切哀悼在抗击新冠肺炎疫情斗争中的牺牲烈士和逝世同胞，八本那年博客于当日将网站全局置灰。

向英雄致敬，向逝者致哀。愿逝者安息，愿生者奋发，愿祖国昌盛！

全站使用以下JS代码控制：
var setGrayscale = function(y, m, d, h, i, s, w) {
    let date = new Date(); // 获取当前时间
    let year = date.getFullYear(); // 获取当前年
    let month = date.getMonth() + 1; // 获取当前月
    let day = date.getDate(); // 获取当前日
    let hours = date.getHours(); // 获取当前时
    let min = date.getMinutes(); // 获取当前分
    let sec = date.getSeconds(); // 获取当前秒
    let week = date.getDay(); // 获取当前星期
    // console.log(`现在时间是：${year}年${month}月${day}日 ${hours}时${min}分${sec}秒 星期${week || "日"}`); // 现在时间是：2020年4月4日 0时26分36秒 星期6
    
    if(year == y && month == m && day == d) {
        document.documentElement.style.filter = "grayscale(100%)";
    }
}

setGrayscale(2020, 4, 4);
但是还有兼容性更好的CSS代码，详见文章《CSS网页置灰效果》