Blog

Blog

PHODAL

网站更新: Disqus手动加载

受Disqus网速的影响,不得不放弃自动加载Disqus,而且也意识到虽然流量很大,但是真正评论的人确不多。

找了网上的方法,用一个onclick事件:

<a href="#" onclick="disqus();return false;">评论/查看评论 (Show Comments)</a>

接着做了个简单的判断:

var disqus_developer = '{{ settings.DEV_SERVER }}' == 'True';
var disqus_url = 'http{% if request.is_secure %}s{% endif %}://{{ request.META.HTTP_HOST }}{{ object_for_comments.get_absolute_url }}';
var disqus_title = '{{ object_for_comments|escapejs }}';
var disqus_identifier = '{% disqus_id_for object_for_comments %}';
var disqus_loaded = false;

function disqus() {
    if (!disqus_loaded) {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//{{ settings.COMMENTS_DISQUS_SHORTNAME }}.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    }
}

window.onscroll = function (e) {
    if ((window.innerHeight + window.scrollY)
        >= document.body.offsetHeight) {
        if (!disqus_loaded) disqus();
    }
};

希望给大家带来更好的体验哈。


或许您还需要下面的文章:

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签