• 欢迎来到八本那年博客,很高兴可以在对的年纪遇见对的你!
  • 因主题导致QQ登录的小伙伴在评论中显示默认头像,请去个人中心重新上传头像即可。

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日

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日

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网页置灰效果