thumbnail

AIYA-CMS主题更新V1.3:更新了夜间模式,以及另一些优化

更新越大,更新越小。()

本次主要更新了夜间模式,以及前台切换功能、和后台设置默认功能。并且新增了后台设置主题配色方案的选项。

但是仍有一些问题,下面会说。

更新内容:

  • 样式表新引入了一共23个CSS变量,用于控制全局背景、圆角、字体色、阴影蒙版透明度。
  • 重写了一部分主题的js代码,解决ajax冲突导致div无法定位的问题。
  • 增加了背景图片和背景颜色设置,顺便写了一个内置调用的bing每日一图的接口。
  • 重新规划了一下body的样式,定义了一下字体和字重什么的,增加了一个遮罩样式。
  • 全局规划并且定义了一下div层级,解决页面滚动时候部分组件互相覆盖的问题。
  • 顺便也重新检查了一遍样式表,解决一些样式不统一的问题。
  • 增加了一点文章页样式,重新弄了一下引用标签样式以及标题标签样式,增加了hightlight.js的配色方案。
  • 增加了缩略图质量设置的参数,以及全局图片压缩(默认禁用,因为得额外兼容在灯箱的时候内加载原图,脑死了,完全没想出来这个正则该怎么写……)

夜间模式切换功能使用浏览器的localStorage记录启用状态,但是localStorage有个缺点,就是得在页面转完圈圈之后才能用。于是你会看到每次切换页面之后页面会闪动一次。

解决这个问题,有一个简单的办法,就是把js放到页面最顶部去执行,或者另一个简单的办法,改用Cookie记录状态然后让php处理。

但是我准备用一个复杂的方法:给主题添加一下Pjax加载。

虽然Pjax不是什么新技术,但是搜索引擎不会执行js,所以一定是会影响SEO的。为了不影响SEO,就得让页面在直接访问的时候是正确加载的基础上操作和替换其中的div。

于是,我得规划一下所有组件的定位ID,给每一个需要切换组件编组,然后还得给需要的组件加上ajax功能……

嗯,总之先别急。

THE END
夜华子酱我知道你很急,但你先别急