比起写博客,我好像更喜欢写博客主题

不知道有没有朋友能够理解,自己研究折腾,给博客添加一个个功能,真的很爽~

以前用 Hexo 的时候很喜欢折腾,找了很多插件来实现各种功能,什么代码压缩、外链优化、RSS 订阅等(最后 Star 了十几个插件 :melting_face:)。但毕竟是别人的博客主题,而且 Hexo 已经老了,折腾起来感觉像是「在给旧衣服打补丁」。

现在有了自己的博客主题,我在尽可能不借助三方插件的前提下,自己动手实现一个又一个的功能,这种感觉真的很爽。这就像是在「从头织一件新衣服」,对每一个装饰和细节都了如指掌。

前两天在 Awwwards 刷到一个酒店官网,那交互和动效简直满满的高级感!推荐大家都去感受一下。于是我想着,一定要抄一点动画过来!从开发者模式中发现,原来它是用 GSAP 做的动画。刚巧前阵子 GSAP 宣布完全免费了,我决定试试。

经过尝试,我用 GSAP 和原生 CSS 两个办法复刻了官网的部分动画效果。经过测试,GSAP 的动画与性能表现反而更强,因此最终我选择使用 GSAP。最终效果如下:

CleanShot 2025-05-19 at 17.31.08

纵享丝滑有没有,我可太喜欢了~

经过性能优化,在动画开启时 Lighthouse 性能评分依然保持在 90 分左右。不过有朋友反馈,老电脑上动画会很卡顿,因此我新增了一个配置项 reduceMotion,可以开启它来减少动画效果,提升性能。对比效果如下:

CleanShot 2025-05-19 at 17.32.39

这是我最近实现的最满意的一个功能,欢迎大家来 Retypeset 主题体验~

补充一下,这是 中文版主页

35 个赞

折腾了一下astro(纯小白) :laughing:

1 个赞

记录一下主题开发的过程,博客内容不就有了么 :lark_012:

动手能力较强的纯小白 [手动狗头]

那我可以写好多篇文章 :smiling_face_with_tear:,太多了,记录不过来

太强啦w

1 个赞

比起写一个新的桌面,还是美化好看 :thinking:

1 个赞

那就每一个大版本更新写一次

打开链接速度挺快啊

hexo可以用吗?我的主题10年没有更新了

那必须的,移动端都几乎满分 :grinning_face:

我也是这么想的,就当写版本更新公告了哈哈

我这是 Astro 主题模版,不是 Hexo 主题

太强了!

1 个赞

比起写博客,我更喜欢用你的主题

2 个赞

太强了吧

1 个赞

太正常了,新鲜过去就好了 :bili_038:
我的blog前小半年折腾换了好多主题
后面几年就是一个主题+俩插件+默认设置 :bili_038:

欢迎使用~ 不过跟你现在的网站风格相差有点大

是不是吃灰了 :bili_038: