Overview
Multiple Comment System Support
NexT allows you to enable multiple commenting systems at the same time. You can modify the following configuration to adjust the style or behavior of multiple commenting systems.
# Multiple Comment System Support |
You can enable lazyload by setting value comments.lazyload
to true
in theme config file. NexT uses IntersectionObserver to lazyload the comments, which is not supported by IE and most browsers released before 2017.
If your blog readers are mostly using legacy browsers, please consider using Intersection Observer polyfill.
How to Disable Comments on Page
When you enabled comment service like Disqus, all new page will have comment service automatically. If you want to disable it in one page, just add comments
key to front-matter and set its value to false
. Like following:
title: All tags |
Rename Comment Count Text
You can rename the post meta text of comment count using languages.yml
: Override Default Translations.
Disqus
Disqus is a global comment system that improves discussion on websites and connects conversations across the web.
- Create an account and log into Disqus. Once logged in, click the
GET STARTED
button on the homepage, then selectI want to install Disqus on my site
option and you will see theCreate a new site
interface. - Enter your
Website Name
, which will serve as your Disqus shortname, and select a Category from the drop-down menu. Then clickCreate Site
button. - Choose
I don't see my platform listed, install manually with Universal Code
, configure Disqus for your site, and clickComplete Setup
button. - Set the value
enable
totrue
, add the obtained Disqus shortname (shortname
), and edit other configurations indisqus
section in the theme config file as following:next/_config.yml disqus:
enable: false
shortname: your-short-disqus-name
count: trueDisqusJS
Render Disqus comment component using Disqus API.
- Get your Disqus API Key from Disqus API Application.
- Go to the settings page of your Disqus Application, enter your domain in Settings → Domains.
- Get your Disqus Shortname from General Settings - Disqus Admin.
- Set the value
enable
totrue
, add the obtained Disqus API Key (apikey
) and Shortname (shortname
), and edit other configurations indisqusjs
section in the theme config file as following:next/_config.yml # DisqusJS
# Demo: https://disqusjs.skk.moe
disqusjs:
enable: false
# API Endpoint of Disqus API (https://disqus.com/api/docs/)
# leave api empty if you are able to connect to Disqus API
# otherwise you need a reverse proxy for Disqus API
# For example:
# api: https://disqus.skk.moe/disqus/
api:
apikey: # register new application from https://disqus.com/api/applications/
shortname: # See: https://disqus.com/admin/settings/general/Changyan (China)
Changyan is the industry's leading social commenting system, supporting both PC and mobile access methods, providing a new way of commenting on websites. Changyan has a variety of common account login, triple filtering mechanism, real-time data statistics, fast data export, comprehensive support for mobile and other leading functions. It fully satisfies the needs of major websites for user login, comment, sharing, and review.
Create an account or log into Changyan, then add your site to get APP ID and APP KEY.
Set the value
enable
totrue
, and add the obtained APP ID (appid
) and APP KEY (appkey
) to thechangyan
section in the theme config file as following:next/_config.yml # changyan
changyan:
enable: false
appid:
appkey:LiveRe
LiveRe is a content platform based on social networking site reviews to help users communicate freely.
Create an account or log into LiveRe, click on the
installation
button and select the free city version, then click on theinstall now
button.Copy the
data-uid
field in the installation code to get your LiveRe UID.Add the obtained LiveRe UID to the
livere_uid
section in the theme config file as following:next/_config.yml # Support for LiveRe comments system.
# You can get your uid from https://livere.com/insight/myCode (General web site)
livere_uid: your_uidGitalk
Gitalk is a modern comment component based on Github Issue and Preact.
Click here to sign up for a new OAuth Application. Other content can be filled in at will, but be sure to fill in the correct callback URL (usually the domain name corresponding to the comment page). Then you will get a Client ID and a Client secret.
Create a repository you want to store Gitalk comments in your GitHub.
Set the value
enable
totrue
, add Client ID (client_id
) and Client secret (client_secret
) in step 1, add your Github username (github_id
andadmin_user
) and the created repository name (repo
) in step 2, and edit other configurations ingitalk
section in the theme config file as following:next/_config.yml # Gitalk
# Demo: https://gitalk.github.io
gitalk:
enable: false
github_id: # Github repo owner
repo: # Repository name to store issues
client_id: # Github Application Client ID
client_secret: # Github Application Client Secret
admin_user: # GitHub repo owner and collaborators, only these guys can initialize github issues
distraction_free_mode: true # Facebook-like distraction free mode
# Gitalk's display language depends on user's browser or system environment
# If you want everyone visiting your site to see a uniform language, you can set a force language value
# Available value: en, es-ES, fr, ru, zh-CN, zh-TW
language:Hexo has encode URLs by default since version 4.0: PR 3708.
Gitalk relies on the md5 value of the page path for tagging, and this may cause issues. It's recommended to upgrade Hexo to 4.0 (or later), NexT to 7.7.0 (or later) to use Gitalk.
Utterances
A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more!
# Utterances |
Isso
Isso – Ich schrei sonst – is a lightweight commenting server written in Python and JavaScript. It aims to be a drop-in replacement for Disqus.
# Isso |