当前位置: 首页 > 工具软件 > Isso > 使用案例 >

Ubuntu搭建ISSO评论系统

马清野
2023-12-01

Ubuntu搭建ISSO评论系统

进入面壁的雨の独立博客-搭建ISSO评论系统获得更好的阅读体验 ?

1.安装ISSO服务端

  • 这里我用的是docker的方式

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

安装Docker和docker-compose

  • 安装Docker

sudo apt-get install docker

  • 安装docker-compose

我的环境是

linux-ubuntu:python2:pip

所以我的安装

pip install docker-compose

如此简单

开始吧

首先新建一个文件夹 ISSO

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

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

在ISSO文件夹下建立一个Compose配置文件:

version: ‘2’
services:
isso:
image: wonderfall/isso
environment:
- GID=1000
- UID=1000
volumes:
- ./config:/config
- ./db:/db
ports:
- “8080:8080”

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

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

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

2 directories, 3 files

启动后是直接运行,当然你可以用下面的命令管理

docker-compose start/stop isso

那么。。。。。。

怎么确定是否已经运行了呢?

curl www.wallfacer.tk:8080

如果出现:

400 Bad Request

Bad Request

missing uri query

那就成功啦 _

但如果出现502错误

那就没有成功

2.设置

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

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

如果你使用jekyll:

比较好的做法是 _includes 目录下在建立 comments.html 文件用来 存放评论框代码:

其中 data-isso-id 和 data-title 用来指定文章的唯一标识符和标题。 为每个文章指定标识符便于以后的各种迁移。 {{ page.id }} 和 {{ page.title }} 是 Jekyll 提供的模板,用于获取本页面的 ID 和标题。 title 和 id 可以在文件的 yaml 头中设置,但 Jekyll 会为 _posts 中的文章自动生成 ID, 对于 _post/2017-06-10-switch-from-duoshuo-to-isso.md, 其 ID 是 /2017/06/10/switch-from-duoshuo-to-isso。

然后在页面模板 _layouts/page.html 里面引用 comments 文件: {% include comments %} , 就可以在每个使用了 page 模板的网页上显示评论框了。

样式

Isso 的评论框默认样式是配合亮色背景工作的,谷月轩用 CSS 稍稍做了一下调整,保存在 assets/comments.css 中:

#isso-thread {
padding:8px;
margin: 8px;
}

#isso-thread .isso-postbox {
color: #333;
}

#isso-thread .auth-section .input-wrapper {
margin-right: 4px;
}

#isso-thread .auth-section .post-action input {
border-style: none;
padding: 5px 20px;
color: #DDD;
background: rgba(255, 255, 255, 0.2);
}

#isso-thread .post-action input:hover {
color: #FFF;
background: rgba(255, 255, 255, 0.4);
}

#isso-thread .isso-comment a:hover {
color: #FFF !important;
}

#isso-thread .isso-comment .isso-comment-header .author {
color: #DDD;
font-size: larger;
}

可以去我的博客预览面壁的雨の独立博客


本文参考的教程:

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

ISSO 评论系统部署攻略

开源评论系统 Isso 全攻略

使用docker-compose 大杀器来部署服务 上

从多说迁移到 Isso

 类似资料: