想在 Jekyll 上配置 Disqus 吗?

Posted by JHSN on June 21, 2017

首先你需要懂一点点的 HTML 和 JS 语法

1. 注册一个 Disqus 账号

2. 点击 GET STARTED,再点击 I want to install Disqus on my site

3. 填写信息,并选择 Jekyll

4. 你需要在 _layout 文件夹下的若干文件中插入一些代码

比如你想让每一篇文章最下面有评论区,那么你就要修改 post.html。在你想要出现评论区的位置添加以下代码:

<div id="disqus_thread"></div>
<script>
    var disqus_config = function () {
        this.page.url = window.location.href;
        // ...
    };
    (function() {
        var d = document, s = d.createElement('script');
        s.src = 'https://这里填写属于你的 disqus 子域名.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>

在 disqus_config 里可以定义的变量:
this.page.url:网址,默认为 window.location.href
this.page.title:标题,默认为 HTML title 里的内容
this.page.identifier:标识,将带有同一个标识的不同文章归纳在一起
this.page.category_id:分类 id,将同一类(或标签)文章归纳在一起
以上所有变量都应该定义为字符串类型,如果要使用的话。

如果你想要某些文章开启评论区,某些文章不开启评论区,那么你可以使用 Jekyll 的参数,即在你的文章开头加一些参数(比如 comments:true),然后将上面的代码套在一个 if page.comments ... endif 的 Ruby 语句里。

6. 填写后续信息,完成

想了解更多功能,请阅读官网的教程




评论区加载中