测试Disqus评论

集成Disqus评论还是蛮简单的

一、增加discus评论区：

<div class="article-comment">
        <div id="disqus_thread"></div>
        <script>
            /**
            *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
            *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/

            var disqus_config = function () {
            this.page.url = "@disqusUrl";  // Replace PAGE_URL with your page's canonical URL variable
            this.page.identifier = "@Model.Post.Slug"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
            };

            (function () { // DON'T EDIT BELOW THIS LINE
                var d = document, s = d.createElement('script');
                s.src = 'https://wblogb.disqus.com/embed.js';
                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
            })();
        </script>
        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>

二（可选）、增加评论链接（就是一个显示当前有几条评论的标签）

<!-- 这个文字会被替换为评论数量，而且点击后，会跳转到当前页面的评论区域内 -->
<a class="article-comment-count" href="@disqusUrl#disqus_thread">Comment</a>
<!-- 这个脚本放在body最后-->
<script id="dsq-count-scr" src="//wblogb.disqus.com/count.js" async></script>

补充，这里disqusUrl是页面开始配置的页面地址：

var disqusUrl = $"http://mosakashaka.cn{Context.Request.Path}";

不过目前还没申请域名，幕布拍照真的是有点麻烦。。。

猜你喜欢