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
那么。。。。。。
怎么确定是否已经运行了呢?
如果出现:
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;
}
可以去我的博客预览面壁的雨の独立博客
本文参考的教程: