HONG的小站全新主题上线

首页 / 回忆日志 / 正文

特别致谢

首先,在此感谢赵阿卷大佬提供的主题Cuteen,本站在此基础之上进行二次开发,不难看出,作者对各种细节的打磨要求很苛刻,除了小部分bug之外,我都没有怎么修改代码,在不失简洁的同时功能还极具丰富,超强的后台编辑器我真的是太爱了。

为什么要换主题

如你所见,当前主题和曾经的主题有很大区别,也许是用久了之前的主题,开始觉得文章的展现形式太不丰富了,只能有标题,图片还不能适配显示,视频也没办法适配,采用跳转链接的形式播放。

在昨天,我逛友情链接的时候,意外发现这个主题,一瞬间我就感觉这个主题不简单,然后在了解了很多功能之后决定更换主题,尽管主题是付费的,但我觉得作者付出的远不及这点钱,我也清楚开发不易,所以支持正版从我做起!

以前的主题记录

盒子萌大佬的主题也是很棒的,只是我自己改废了而已,但作为我第一个正式发布在互联网上交换友链的版本,我觉得还是有必要记录一下的。

同样支持盒子萌大佬的主题,关键是免费主题噢!

初代博客起源

不出意外应该是2019年年底,一个名为《CJH的个人网站》的博客诞生,这是最初的博客名字,依稀记得那时候的背景是纯蓝色,然后头像是黑子,后台是自己瞎百度查的,能实现简单的登陆注册逻辑,后来改名为《DianC 's Blog》,最后因为只会前端,放弃了(那时候不太了解博客系统),但是这个版本保存下来了一个关键影像,还是很有纪念意义的,当时原神还处于预约阶段,背景视频也源于原神的预约站。

Cuteen主题修改记录

很遗憾的是5.6版本更新后才对本文进行重新编辑,关于最初的小站截图,我终于从当初提交BUG的表格中有幸找到,特此记录(5.4版本2022.8.14)。

4.png

现在,即5.6版本(2022.11.10)完成更新,经过3天的不断调整,不只是页面布局发生了一定的变化,更多的是细节上的处理,同时完成了一项非常重要的修复,那就是留言板/评论页面的访问速度发生质变。

首先声明,所有BUG基本都是主题作者赵阿卷大佬完成更改,本人只对样式布局和部分php模块进行了调整,一起来看一下调整了些什么东西吧,如果你也在使用Cuteen主题,或许对你的修改也会提供一定的理论基础噢,很多样式细节就不说了,主要讲几个大的地方。

1、移动端菜单栏样式调整:

将全屏的样式改成了侧边独占,专门留出一块遮罩方便返回主页,这利用了margin的负值用法,再通过padding顶回负值的大小即可,这样设置完成之后可能还有问题,那就是关闭时还会还原成全屏进行关闭,虽然是一瞬间的事情,但强迫症的我还是不舒服,所以通过找到的规律对有[role="dialog"]属性的模块再次进行了负值调整,最终完成。

2、调整暗色模式下的一些样式:

样式本来没什么好说的,无非就是选中div加入.dark(暗色属性)然后自定义css进行修改即可,但是有一个地方特别费神,那就是我当前的左邻右舍页面中“入驻须知”的下箭头,原本是SVG图标,在暗色模式下箭头就消失了,原因是箭头是黑的,这时候要改总不能下载一个图片重新加入css中吧,毕竟还是压缩过的css,找起来非常困难,于是我就将这个svg的base64的地址复制了一份,再通过观察就发现调整颜色值的代码位置,最终完成。

dark.png

3、评论多了的页面会卡顿?

这是很多拥有这个主题的小伙伴都会遇到的问题,当然也反应过BUG给作者,或许太忙了也没回应,所以决定自己动手丰衣足食,首先通过测试找原因,一开始就锁定是gravatar图标的镜像源国内网速问题,但很遗憾不是,即便我更换了所有有关typecho的系统头像和主题评论的php文件中的镜像源配置也依然很慢。

经历了几次失败之后,我决定先把所有评论的头像都返回一个静态地址时,奇迹发生了,速度和正常页面一样,说明就是头像转换上出了问题,最终将问题锁定在了邮箱转qq头像上,发现了一个非常耗时的转换函数get_headers,这是php系统的一个函数,虽然我也不是很懂,但大致查过之后才知道,这是判断这个地址是否有返回值的一个函数,根据源码猜测应该是用来判断这个地址有没有qq头像的,但实际体验是一旦页面的评论过多,就会有很多的请求判断,个人认为这是没有必要的一个函数,因为qq返回头像的地址就算为空也会有默认图片,所以果断删除该函数,问题解决!

3.png

其实还有很多地方进行了调整,或许曾经有到访过的小伙伴能够发掘,让我觉得最爽的就是这个评论页面速度的修复,在加入了Pjax的使用后,整个页面的速度也是快如闪电,再也不会因为评论过多而卡死了。

HONG的小站

最后,建站历史也三年了,虽然断断续续,但也算是坚持下来了,这个主题是我在经历了无数次重写和心里博弈后更换的,我觉得这不仅仅是更换主题,更是我打算给自己一个重新开始的理由。

个人很喜欢下面这张图,旅行者,准备好就重新出发吧,愿风神忽悠你~

原神风起地七天神像.jpg

你可以从这里了解更多 => 传送门

评论区
头像
    头像
    云川
    昨天 13:55
    回复

    愿风神忽悠你~

      头像
      DianC
      昨天 15:18
      回复

      旅行者,祝你找到新的旅途呐~

    头像

    强的!收下我的膝盖

    头像
    大雄
    2022年12月03日 14:02
    回复

    做得还可以很不错了,牛逼思密达.

      头像
      DianC
      2022年12月03日 15:25
      回复

      感谢认可!

    头像
    阿锋
    2022年08月15日 13:04
    回复

    换个主题,相当于换了个站。之前的数据应该是可以转换过来的

      头像
      DianC
      2022年08月15日 13:10
      回复

      嗯嗯,是的,已经备份了,只不过文章我可能会重新写一份,样式会丰富很多