什么是 Pjax
Pjax 通过 Ajax 从服务器获取 HTML 内容,然后用加载到的 HTML 替换页面上容器元素的内容。Pjax 使用 pushState
更新浏览器中的当前 URL,即 pjax = pushState + ajax
。最早的时候,Pjax 是一个基于 jQuery 的插件,后来推出了完全独立的版本,适用更广泛的应用场景。值得一提的是,Pjax 最大的优势在于,可以在网站本身无刷新的情况下,局部刷新页面内容,同时在现代浏览器中支持前进和后退,由于局部加载的数据量极小,加载速度极快,因此可以最大程度地提升用户体验。Pjax 的天生劣势在于,默认配置对 SEO 并不友好,同时非常依赖页面布局的一致性,需要大量改造来优化。
Hexo 引入 Pjax
很多较早使用 Pjax 的 Hexo 主题,都使用了基于 jQuery 的版本。因此如果是新引入,可以使用最新独立版本的 Pjax。
1
| <script src="https://cdn.jsdelivr.net/npm/pjax@VERSION/pjax.min.js"></script>
|