Astrabay是我基于Solitude主题二次改进的hexo主题,为了直观的展示出二改主题与原主题的区别,特地通过文章详细写出来方便查阅与对照,本文将持续更新

1.0.0 版本特性

  • 优化了文章一级、二级标题的上下边距

    重点针对标题下方无空白区域的问题进行改善,使视觉效果更协调

  • 调整全屏加载动画为半透明态

    通过此修改,用户可直观查看到网页内容的加载情况,尽可能改善因各种问题出现加载卡顿时的体验

  • 延长了全屏加载遮罩的头像闪烁动画时长

    原版闪烁动画频率极高,经调整已经延长为1秒闪烁一次,避免因高频闪烁影响视觉效果

  • 调整优化了移动端文章页边距,避免因文字过于靠近屏幕左右边缘影响阅读体验

1.1.0 版本特性

  • 即刻说说支持换行与加粗功能
    • 换行、加粗均不会在首页显示出来(此功能开发特别感谢:叶泯希)

    即刻说说换行、加粗能力使用方法:

    <br>为换行效果
    <b>需要加粗的文字</b>为加粗效果
  • 调整了文章本地AI的加载动画效果

    加载动画由浮动显示调整为打字机显示,同时优化了动画速度并修复了代码中存在的“加载中”不生效的问题,使本地AI尽可能拟真AI摘要插件(此功能调整特别鸣谢好友:Liushen)

  • 页面右下方快捷按钮大小保持为1.8rem

    原主题在新版本已改成2rem,为避免占用过多屏幕空间影响移动端视觉效果故恢复为1.8rem【该调整存在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文件中自行调配显示上限与达到显示上限后的跳转链接
    关于页赞助部分的新特性适配模板

    award:
      enable: true
      description: 因为有你们,让我更加有创作的动力
      tips: 总金额:¥ {sum},将用于本人各项目的维护和更新 # 必须带 {sum},否则无法显示总金额
      limit: 12 # 显示上限,推荐设置为4和6的公倍数以获得最佳显示体验
      more: '/sponsor' # 内页链接或站外地址
    rewardList: # 底部捐赠
      - name: '❖星港◎Star☆'
        money: 100
        time: 2025-09-13 00:00:00
        color: '' # 可填写16进制颜色码
  • 优化了关于页赞助部分的右上角赞赏按钮的显示位置,协调视觉效果
  • 为音乐胶囊单独定制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效果,如其他评论效果异常,请及时反馈

1.4.2 版本特性

  • rightside按钮的显示颜色由固定值(–efu-theme)调整为动态值(–efu-main)

    现在当打开文章,封面取色触发主题色改变时,按钮强调色会跟随改变

  • 优化了移动端文章copyright部分的上边距

1.4.3 版本特性

  • 支持对单个文章关闭文章过期功能

    在文章frontmatter部分填写“expire: false”即可在开启全局文章过期功能的同时,对某个不需要显示文章过期的文章进行定向关闭

  • 优化关于页技能点的显示逻辑、循环动画效果、循环动画播放逻辑
    • 技能点轮播数组由重复2次增加至8次
    • 重新定义循环动画rowleft-quarter,循环动画从-25%开始播放,至-50%时即返回动画起点,以此无缝衔接式循环播放,同时避免在极端情况下(未开启carrers且屏幕显示宽度大于1400px)原动画右侧衔接异常
    • 因数组重复8次,故不论技能点数量为单数还是双数都能无缝衔接,不会因数量单双导致动画衔接异常
    • 技能点数量与动画时间直接相关,技能点过少将导致总长度变短,进而滚动速度变慢;技能点过长将导致总长度变长,进而滚动速度加快
  • 因关于页技能点显示动画rowleft-quarter与其他页面的一处动画逻辑也存在绑定,且quarter定义与动画实际效果不符,故将原rowleft-quarter动画的错误定义(-25%滚动至-75%)调整至rowleft-half动画上,同时将另一处页面的实际调用动画修改为rowleft-half

目前仍存在的问题

  • 非文章页面开启目录功能后,会出现现sticky失效的情况,该问题产生原因仍需排查,我们会尝试在后续版本修复该问题
  • 404页面css嵌套杂乱,目前经简单处理后已经基本美观,但仍有一定的改进空间。后续更新将会视情况尝试继续修复此问题