今天对友链页做了一次比较大的改造,主要做了三件事:删掉本站信息模块、在申请方法和友链列表之间塞进一个好友申请窗、然后把这个申请板做成信封的样子。 删掉本站信息 友链页原来顶部有一块"本站信息",放着博客名称、链接、头像、描述之类的信息。想了想,这些内容在侧边栏和关于页已经有了,友链页放这个有点多余,干脆删掉,让页面整体上移,打开就能看到申请方法和友链列表,更直接。 好友申请窗的需求 友链页有两个功能:一个是告诉别人怎么申请友链,另一个是展示已有的友链。但我之前一直缺少一个访客能直接申请的入口。原来的设计是让访客发邮件申请,但邮件这种东西,门槛还是偏高而且麻烦。 所以在申
今天折腾的是博客页脚上那条粉色虚线。 一开始的目标很简单:把 Reimu 主题页脚里的粉色线段换成站点里已经使用的团子图标,再让它动起来。听起来只是改一段 CSS,实际做下来却踩了不少前端动画里常见的坑:背景平铺、循环复位、DOM 生成时机、元素裁切、动画相位,以及“看起来像动了”和“真的自然动了”之间的差别。 先确认目标元素 最开始犯的错误是改错对象。 Reimu 页脚里有两个很像“页脚装饰”的东西:一个是版权文字旁边的小旋转图标,另一个才是上方那条粉色虚线。版权图标对应的是配置里的: 123footer: icon: url: "../images/taichi.pn