
Astrabay主题特性介绍
Astrsbay是我基于Solitude主题二次改进的hexo主题,为了直观的展示出二改主题与原主题的区别,特地通过文章详细写出来方便查阅与对照,本文将持续更新
1.0.0 版本特性
- 优化了文章一级、二级标题的上下边距
重点针对标题下方无空白区域的问题进行改善,使视觉效果更协调
- 调整全屏加载动画为半透明态,可直观感受到内容加载情况
- 减缓了加载动画的头像闪烁动画时长,避免因高频闪烁影响视觉效果
- 调整优化了移动端文章页边距,避免因文字过于靠近屏幕左右边缘影响阅读体验
1.1.0 版本特性
- 即刻说说支持换行与加粗功能
且换行、加粗均不会在首页显示出来(此功能开发特别感谢:叶泯希)
- 调整了文章本地AI的加载动画效果
加载动画由浮动显示调整为打字机显示,同时优化了动画速度并修复了代码中存在的“加载中”不生效的问题,使本地AI尽可能拟真AI摘要插件(此功能调整特别鸣谢好友:Liushen)
- 页面右下方快捷按钮大小保持为1.8rem
原主题在新版本已改成2rem,为避免占用过多屏幕空间影响移动端视觉效果【该调整存在bug,已于1.4.1版本完全修复】
- 移除了主题内置的avif格式图片并替换为webp格式
避免因图片格式过于超前且浏览器内核不兼容导致部分设备无法显示默认图片的问题
1.2.0 版本特性
- 取消了《开往》按钮的needendhide代码,以修复该按钮在移动端下滑时突然自动消失,回顶后又突然出现的问题
请注意,顶端按钮较多时请务必留意左侧site.name.custom部分是否会过长,如果右侧按钮较多建议将左侧文字改短或使用图片、i_class图标,否则移动端可能出现顶栏左侧网站信息与右侧按钮重叠的情况!
- 友情链接的失效友链样式支持添加并显示tag,方便通过tag对失效友链进行简要标注
1.2.1 版本特性
- 仍然支持站点背景图功能,可在配置文件中找到对应配置部分,新版显示方案推荐透明度:0.2
- 优化了移动端侧边栏底部网站信息部分与页面底端的距离
原版文字会紧贴屏幕底端,进而导致可读性变差
1.2.2 版本特性
- 优化了原主题音乐胶囊的改动,保留最新样式的同时移除音乐胶囊的主题取色能力,避免影响站点视觉效果
- 优化了音乐胶囊的封面旋转动画与封面图外圈渐入渐出光晕的动画效果
- 优化了音乐胶囊歌词与歌名的显示间距,优化了音乐胶囊整体右边距
1.3.0 版本特性
- 优化了关于页赞助部分的内容显示逻辑
增加了一个超出阈值时会显示的“查看更多”按钮,同时可以在yml文件中自行调配显示上限与达到显示上限后的跳转链接
- 优化了关于页赞助部分的右上角赞赏按钮的显示位置,协调视觉效果
- 为音乐胶囊单独定制capsuleHide函数,实现移动端也可显示音乐胶囊
由于原needEndHide函数显示逻辑还绑定着其他控件,但不修改此函数则音乐胶囊无法实现在移动端显示,故按照needEndHide函数仿照重写了一份capsuleHide函数,将音乐胶囊函数控件独立在外,以实现移动端显示正常适配
- 移动端音乐胶囊动效完成适配
移动端的音乐胶囊在播放时不会展开歌词部分,以确保显示不会超出屏幕。同时限制了移动端标题区域的最低宽度,避免因歌曲名称过短导致在播放期间无法成功点击上一首、下一首及暂停按钮
1.4.0 版本特性
- 调整了文章meta部分封面在电脑端的显示效果
更改了图片位置与图片模糊度等各项显示参数,让图片保持原有磨砂玻璃状的前景的同时,适度提高图片的可视性
- 推荐文章功能(recommend)同步支持布尔值设置与数值排序设置
默认按照数值优先的显示原则(数值越小越靠前),若设置为布尔值(recommend: true)则排序方式与原版保持相同逻辑(自动根据时间排序)
- 优化了errorpage底部推荐文章的图片圆角显示
1.4.1 版本特性
- 综合优化了rightside按钮的显示效果与动画逻辑
将文件中无效定义的颜色修改成已定义的正确颜色,同时对鼠标hover时的聚焦动画调整至正确值,并适度延长hover聚焦动画的播放时长。同时去除了部分无意义的代码(无效定义的border描边值等),并对1.1.0版本未彻底适配的按钮大小进行了二次优化,现在电脑端按钮大小为2rem,移动端(宽度小于768)按钮大小为1.8rem
- 优化了各端评论与文章显示区底部的间距
该调整仅测试了twikoo效果,如其他评论效果异常,请及时反馈
目前仍存在的问题
- 非文章页面开启目录功能后,会出现现sticky失效的情况,该问题产生原因仍需排查,我们会尝试在后续版本修复该问题
- 404页面css嵌套杂乱,目前经简单处理后已经基本美观,但仍有一定的改进空间。后续更新将会视情况尝试继续修复此问题
- 感谢您的赞赏