Frame now supports third-party comment systems: valine and disqus. Both systems are powerful and elegant. And please note that disqus might not be applicable in Mainland China.

Valine

Before you can apply valine, you need to first set up an account on LeanCloud, then create a new application and get your AppId and AppKey. A more detailed setup guide can be found in this document.

Go to the config.yml file under the frame theme folder, enable valine and then copy your AppId and AppKey in the valine configuration settings and we are done 👌.

1
2
3
4
5
6
7
8
valine: # valine setup guide: https://valine.js.org/quickstart.html
  enable: true
  appId: 'YOUR_APP_ID' # Your valine app Id
  appKey: 'YOUR_APP_KEY' # Your valine app Key
  lang: 'en'
  placeholder: 'Say something'
  avatar: 'mp'
  meta: ['nick', 'mail']

You can also customize some other configurations such as language and placeholder, a detailed description of those configurations can be found in this document.

Disqus

Before you can apply disqus, you need to register and create a new site with disqus. A detailed quick-start guide can be found in this document . When setting up, you need to pick up a shortname as your unique identifier in disqus.

Go to the config.yml file under the frame theme folder, enable disqus and then copy your shortname in the disquis url setting and we are done 👌.

1
2
3
4
disqus: # disqus setup guide: https://help.disqus.com/en/articles/1717056-publisher-quick-start-guide
  enable: true
  disqus_url: 'https://DISQUS_SHORTNAME.disqus.com/embed.js' # your diqsuq url or shortname
  language: 'en'

Hide Blog Comments

You can turn on and off the comments simply by updating the front matter of each posts:

1
hide_comment: true

Comment Examples

In this blog page, both valine and disqus comments are enabled, examples of those comments are right on top of the page footer. Hope you find it useful applying those blog comments on your own blog 🌈.