本文介绍了提升 Hugo 博客速度的方法,包括使用 Pjax 技术实现无刷新页面加载、动态插入脚本、预加载资源和简化代码。通过 swup 实现 Pjax,可以快速加载页面。动态插入脚本支持延迟加载和回调。使用 rel="preload" 提前下载资源,提高加载效率。代码简化减少文件大小,加快下载速度。这些优化使静态网站体验更流畅。
5年了,终于找到了 Utterances/Giscus 和 Pjax 不兼容的原因。
5年了,终于找到了Utterances/Giscus和Pjax不兼容的原因。
介绍了Sunny主题,一款简洁高端的Typecho博客主题,支持pjax页面加载、pwa缓存、友链页面、昼夜模式、侧栏日历、文章目录等多种功能,提供多种编辑器按钮,支持多用户和微信公众号。
WP博客全局配置PJAX。 WordPress主题 PJAX 无刷新以及渲染问题的修复最先出现在hiRipple。
一. Twikoo数据从MongoDB导出 前言
最近给 Typecho 主题 [Daydream](https://github.com/Skywt2003/Daydream) 加上了 PJAX 无刷新。本以为加一段代码就好,结果遇到了一大堆问题,无法提交评论、插件无效、数学公式没法渲染……特此记录一下。
在纯静态网站里,有时候会动态更新某个区域往会选择 Pjax(swup、barba.js)去处理,他们都是使用 ajax 和 pushState 通过真正的永久链接,页面标题和后退按钮提供快速浏览体验。
在静态网站中使用Pjax动态更新页面时,应注意不同插件可能导致资源浪费。建议手动比较新旧DOM,动态插入所需脚本,并在页面卸载时移除事件监听。通过约束代码块格式,确保加载和卸载时执行相应操作。
现在有很多网站使用 pjax, 包括本站也是。本站主题是从 Typecho 的 hansome 主题移植过来的,在移植过程中就遇到了这个问题: 开启 pjax 后百度分析和谷歌分析之统计首次访问的页面,之后的页面都不会统计。
完成下面两步后,将自动完成登录并继续当前操作。