给typecho添加instantclick.js

January 12, 2017

6718 views

1589 字数

背景
博客加了音乐播放器，想要切换网页的时候不中断播放就需要pjax或instantclick的支持。搜索对比了一下，instantclick貌似要简单些，故选择instantclick。
步骤
① 下载instantclick.js上传到自己的服务器目录。（使用cdn公用js的可以省略此步骤）。

② 在网页引用js：在主题文件里的footer.php文件的</body>标签前引用，自行更改js文件的位置。

<script src="//js文件路径" data-no-instant></script>

③ 加入代码让百度统计，多说等插件不失效：

代码如下：

   <script data-no-instant>
   InstantClick.on('change', function(isInitialLoad) {
   if (isInitialLoad === false) {
       // 多说
        if ($(".ds-thread").length == 1)
        DUOSHUO.EmbedThread(".ds-thread")
       // 多说最近评论小工具
        DUOSHUO.RecentCommentsWidget(".ds-recent-comments")
        // 百度分享
        window._bd_share_main.init()
        // 百度统计
        _hmt.push(['_trackPageview', location.pathname + location.search])
        //MathJax
        if (typeof MathJax !== 'undefined')
       MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
         //google analytics
        if (typeof ga !== 'undefined')  // support google analytics
        ga('send', 'pageview', location.pathname + location.search);
         //google code prettify
         if (typeof prettyPrint !== 'undefined') // support google code prettify
         prettyPrint();
    }
     });
    InstantClick.init();
     </script>