Typecho 实现无刷新加载

今天也是研究上 Typecho 了,但是令我难受的是每次加载都要刷新页面,个人感觉用户体验不是很好。

无刷新加载指打开新内容时不需要刷新网页,提升用户体验,类似 NL 使用的 Flarum。

这个原理很简单,就是先导入 jQuery 和 Pjax 库,然后再调用库。

首先进入后台 → 控制台 → 外观 → 编辑当前外观 → header.php

在 <head> 后面添加代码


</s><i> </i> &lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js"&gt;&lt;/script&gt;<i> </i><e>

然后编辑 footer.php,在 </body> 前添加代码

``` <script> $(document).pjax('a[href^="<?php Helper::options()->siteUrl()?>"]:not(a[target="_blank"], a[no-pjax])', {container: '#main',fragment: '#main',timeout: 10000}) </script> ```

返回首页看看效果如何,目前这个方法没有加载动画,下期出一个?:ac10:

无刷新加载 ajax也挺简单的

感觉没有必要呀。