美文网首页pythonDocker容器我用 Linux
【多说下线怎么办】一步搭建自己的第三方评论系统

【多说下线怎么办】一步搭建自己的第三方评论系统

作者: 左蓝 | 来源:发表于2017-03-23 23:40 被阅读5567次

虽然也在意料之中,但是收到多说邮件还是觉得有些遗憾。对于静态博客来说,没有评论模块就有些尴尬了。

那么如何用其他工具代替多说呢?大家第一时间想到的基本都是Disqus这种网站,但是被墙后,访问起来很困难,加载速度不好。

国内替代品

在开始搭建自己的评论系统之前,先了解一下国内其他第三方评论系统,比较著名的就是这些:

但是它们全部不支持HTTPS,所以我决定自己搞个第三方评论系统。

多说下线通知邮件

Isso

Isso是一个轻量级的类似Disqus第三方评论系统,它允许匿名评论、注册评论、回复邮件通知以及自定义外观等功能。它的接口设计和Disqus高度相似,所以要集成这个评论系统只需要在Disqus接口上改几个单词,非常简单。

Isso是基于Python写的开源软件,你可以随意修改评论框外观。

自定义外观

1. 安装

安装?不,安装什么的才不会让你们做呢,我本来打算把整个Isso打包起来丢进容器的,但是在Docker Hub 上看到已经有人做了一个镜像,而且做得相当不错,我没什么好挑剔的,镜像大小 17 MB。

我挺满意的,所以直接拿来用了。

首先Isso是使用Sqlite驱动的,所以我们使用 Docker 直接运行即可。

安装 Docker 和 Compose,不用废话。

新建一个文件夹名为config,在里面新建一个配置文件isso.conf:

[general]
dbpath = /db/comments.db
host = https://zuolan.me
[server]
listen = http://0.0.0.0:8080/

下面是一个Compose配置文件:

version: '2'
services:
  isso:
    image: wonderfall/isso
    environment:
      - GID=1000
      - UID=1000
    volumes:
      - ./config:/config
      - ./db:/db
    ports:
      - "8080:8080"

保存为docker-compose.yml然后执行:

dokcer-compose up -d

搞定之后就可以通过8080端口的接口使用Isso评论系统了。

启动后目录应该是这样的:

.
├── config
│   └── isso.conf
├── db
│   └── comments.db
└── docker-compose.yml

2 directories, 3 files

2. 配置Nginx

直接访问8080好尴尬,给它绑个网址吧。

server {
    listen       [::]:80;
    listen       [::]:443 ssl;
    server_name  example.com;
    root         /var/www/example.com;

    location /isso {
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Script-Name /isso;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass http://localhost:8080;
    }
}

配置不用我说了吧,上面配置中,我们可以通过example.com/isso使用接口了。

3. 设置

Isso服务已经运行了,当然直接访问8080端口是没有什么界面的,只有一个API接口。接下来我们要在静态博客中集成这个评论系统。

如果你使用的主题是纯HTML,那么嵌入下面两句即可:

<script data-isso="//comments.example.tld/"
        src="//comments.example.tld/js/embed.min.js"></script>

<section id="isso-thread"></section>

如果你是Jade或者Ejs等模板引擎,那么复制一下Disqus的代码,替换为Isso即可,例如Jade格式。

下面是Disqus的Jade模板:

if theme.disqus
    a#comments
    #disqus_thread
    script.
        var disqus_shortname = '#{theme.disqus}';
        var disqus_identifier = '#{page.path}';
        var disqus_title = '#{page.title}';
        var disqus_url = '#{config.url}/#{page.path}';
        (function() {
            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);
        })();
    script(id='dsq-count-scr' src='//#{theme.disqus}.disqus.com/count.js' async)

现在改写为Isso评论系统(类似):

if theme.isso
    a#comments
    .isso-thread
    script.
        var isso-path = {short_name:"#{theme.isso}"};
        (function() {
            var isso = document.createElement('script');
            isso.type = 'text/javascript';ds.async = true;
            isso.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//example.com/isso/js/embed.js';
            ds.charset = 'UTF-8';
            (document.getElementsByTagName('head')[0] 
             || document.getElementsByTagName('body')[0]).appendChild(ds);
        })();

4. 评论计数

如何在首页中显示文章计数?
加入下面一句到页面中:

<a href="/my-uri.html#isso-thread">Comments</a>

最后

如果你不满意这个Isso,还可以使用其他开源评论系统。

我只负责丢链接:

相关文章

  • 【多说下线怎么办】一步搭建自己的第三方评论系统

    虽然也在意料之中,但是收到多说邮件还是觉得有些遗憾。对于静态博客来说,没有评论模块就有些尴尬了。 那么如何用其他工...

  • hexo添加评论功能

    目前博客站点使用的评论功能,多说,网易云跟贴都已经下线。Disqus也被挡在墙外,友言貌似也不行。 可用的评论系统...

  • hexo加入留言功能

    前言 个人博客加入评论功能,方便交流与沟通,通常我们借助第三方评论系统,如: 畅言 网易云跟帖 多说 友言 来必力...

  • Hexo:light 主题中添加多说评论

    随着越来越多第三方 Hexo 主题的出现,很多主题都已经支持多说评论,而且简单地配置就能接通多说评论后台管理并匹配...

  • VUE系列-项目搭建

    vue-cli安装搭建(MAC系统) 废话不多说直接开干~~~ 第一步: 安装node.js,如果没有墙可以度娘 ...

  • hexo博客优化之实现来必力评论功能

    评论功能概述 目前博客站点使用的评论功能,多说,网易云跟贴都已经下线。Disqus也被挡在墙外,友言貌似也不行。 ...

  • Hexo + yilia 主题 +githubpages博客添加

    前言 Hexo博客的Yilia主题中评论系统只提供了畅言、网易云跟帖、多说和Disqus。由于多说评论、网易云跟帖...

  • 提升思考的小系统

    如何搭建自己的知识系统?《如何从0搭建小系统》,这篇文章给了你所有的方法。照着文章的步骤一步一步来,就可以了...

  • 多说插件利用ua-parser-js插件显示浏览器和操作系统版本

    前言 博客接入了评论系统,使用的是国内的多说评论插件。 之前看到过有些利用该评论系统的有浏览器和系统信息的显示,感...

  • 与多说评论说再见

    这不是在十天前出来的事了吗,到现在才提? 我是第二天看到多说官微发的说说才知晓国内第三方评论插件老大(多说评论)即...

网友评论

    本文标题:【多说下线怎么办】一步搭建自己的第三方评论系统

    本文链接:https://www.haomeiwen.com/subject/cnjtottx.html