Skip to content
仿disqus的一款多说风格代码
Branch: master
Clone or download
Latest commit 380725f Feb 6, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md Update README.md Feb 6, 2017
duoshuo-disqus.css 更名 Oct 23, 2016
duoshuo-disqus.min.css fixed bug Oct 22, 2016

README.md

Disque作为国外很出名一款第三方评论系统,之前一直想使用,因为体验和主题我都很喜欢。但是前一段时间disqus完全被墙了,没办法使用,于是继续使用多说下去。于是写了一个disqus评论框的样式,并把多说的所有css本地化。

开源项目地址: ihewro/Duoshuo-Disqus-theme

使用说明

评论加载的图片地址: loading

建议存到你的空间上面去。在css里面搜索替换一下就好了!

修改comments.php

var duoshuoQuery 的选项里面增加一个theme:"none"的选项来禁止加载多说系统自带的css。

代码示例:

var duoshuoQuery = {short_name:"hewro",theme:"none"};

修改 duoshuo-disqus.csscss文件

.ds-header.ds-gradient-bg:after 里面的width 根据你的“热门评论”自定义文字的长度来设置。

修改embed.js

  • 搜索 <form method="post"> 改成 <form id="commenthw" method="post">(加上id,我们才能对其进行加上css)

  • 搜索

	this.el.find(".ds-comments-tab-" + a).html(this.el.hasClass("ds-narrow") ? '<span class="ds-service-icon ds-' + a + '"></span>' + i: (i ? '<span class="ds-highlight">' + i + "</span>": "0") + s[a][1])

改成

this.el.find(".ds-comments-tab-" + a).html(this.el.hasClass("ds-narrow") ? '<span class="ds-highlight">' + i + '</span>' + s[a][1]: (i ? '<span class="ds-highlight">' + i + "</span>": "0") + s[a][1])

(这个改动是让手机端显示X条评论的地方不是只显示评论数而是和电脑端一样的显示x条评论)

截图

2016-10-22_112331.jpg

You can’t perform that action at this time.