{ website }

  • 用上了instantclick

    |

    一开始是看到谭总博客里面那纵享丝滑的像是ajax的加载

    (还有上面那个神奇的进度条)

    然后就发现了这个神奇的instantclick

    利用pjax,在鼠标放到a上的时候开始加载页面,当你点下鼠标的时候页面已经加载完毕了,这时只要替换页面的title和body,纵享丝滑~

    但是评论框比较蛋疼,因为是内嵌的script,在每次加载页面之后它并没有重置重新加载

    解决的办法是用上instantclick提供的change事件

    <script data-no-instant>
    var disqus_shortname = 'hcyue';
    InstantClick.on('change', function(isInitialLoad) {
    if (!isInitialLoad) {
    // update Disqus thread
    if (document.querySelector("#disqus_thread")) {
    if (typeof DISQUS === 'undefined') {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    } else {
    DISQUS.reset({
    reload: true,
    config: function () {
    this.page.identifier = window.location.pathname;
    this.page.url = window.location.toString();
    }
    });
    }
    }
    }
    });
    InstantClick.init();
    </script>

    判断在内容变化时页面存不存在评论框,决定是否加载远程脚本。

    改天研究一下这个instantclick,虽然纵享丝滑但是似乎毛病略多

  • 博客迁移:使用hexo建站

    |

    神烦wordpress那一大堆奇怪的插件和功能,何况不懂后台优化的我看到wp页面加载时那几十条http请求就头大,于是毅然决然的始乱终弃(= =)了wp,转投静态博客。

    一番考虑之后选择了hexo。

    理由之一是易于部署,并且风评很好= =

    Blazing Fast

    Node.js brings you incredible generating speed. Hundreds of files take only seconds to build.

    Markdown Support

    All features of GitHub Flavored Markdown are supported. You can even use most Octopress plugins in Hexo.

    One-Command Deployment

    You only need one command to deploy your site to GitHub Pages, Heroku or other sites.

    Various Plugins

    Hexo has a powerful plugin system. You can install more plugins for Jade, CoffeeScript plugins.

    这便是官网的介绍。听着就很带感= =