跳到主要内容
接入张洪heo博客丝滑特性
博客 OneBlog

接入张洪heo博客丝滑特性

377 字 1 分钟 -- 阅读
最后更新于:
AI 摘要

接入张洪heo博客丝滑特性

需求

1张洪Heo博客点击/切换起来好流畅丝滑呀,域名如下:
2作者官方:https://blog.zhheo.com/
3时光的astro版 站点:https://blog.ksah.cn/ 
4
5其它版本开源版本地址:https://onedayxyy.cn/topics/60h38 
6
7我的博客可以也具备这种丝滑的特性不?如果可以,请移植过来。

实现

来自@咸鱼cursor实现,记录于2026年10月18日。

可以,而且已经按 Heo 那套「丝滑」机制接进 OneBlog 了——不是整站换皮,只移植点击切换的流畅感。

Heo 官方站实际是:全站 PJAX + instant.page 预取 + 顶部加载反馈。你这边本来就有文档站 PJAX,但跨栏目会整页刷新、没有顶部进度条、淡入被关掉了。

本次已上线(f50cdb6e):

  1. 顶部彩虹进度条:一点击就出现,PJAX / 整页跳转都有反馈
  2. 文档站跨栏目 PJAX:换正文时同步左右侧栏,栏目之间也能局部切换
  3. 约 160ms 软淡入:不再硬切
  4. 整页跳转 View Transition:进首页、朋友圈等非文档页时,Chrome/Edge 有原生淡入淡出
  5. 预取更早加载:不再塞进 idle,悬停预取更快生效

CNB 构建部署完成后,硬刷新 https://onedayxyy.cn/ 再在文档里来回点几下就能感受到。首页 ↔ 独立页(朋友圈/友链等)仍是整页跳转,但会有进度条 + View Transition,不会再像「卡住再白闪」。

最新文章

本页导航

文档导航