Add gitalk

[rikkix]

add gitalk

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines.
• Tests for the changes have been added (for bug fixes / features).
  • Muse | Mist have been tested.
  • Pisces | Gemini have been tested.
• Docs have been added / updated (for bug fixes / features).

PR Type

What kind of change does this PR introduce?

• Bugfix.
• Feature.
• Code style update (formatting, local variables).
• Refactoring (no functional changes, no api changes).
• Build related changes.
• CI related changes.
• Documentation content changes.
• Other... Please describe:

What is the current behavior?

Issue Number(s): N/A

What is the new behavior?

Add Gitalk

What is the new behavior?

• Just like this:
  

How to use?

In NexT _config.yml:

gitalk:
  enable: false  
  ClientID: # Required. Github Application Client ID.
  ClientSecret: # Required. Github Application Client Secret.
  repo: gitalk # Required. Github repository.
  owner: # Required. Github repository owner. Can be personal user or organization.
  adminUser: # Required. Github repository owner and collaborators. (Users who having write access to this repository)
  ID: location.pathname # The unique id of the page.
  labels: gitalk # Github issue labels. If you used to use Gitment, you can change it
  perPage: 15 # Pagination size, with maximum 100.
  pagerDirection: last # Comment sorting direction, available values are 'last' and 'first'.
  createIssueManually: false # If it is 'false', it is auto to make a Github issue when the administrators login.
  distractionFreeMode: false # Enable hot key (cmd|ctrl + enter) submit comment.

Does this PR introduce a breaking change?

• Yes.
• No.

[ivan-nginx]

As i say here, need to provide to user choice to use he's own server, like with gitment/gitmint.

[ivan-nginx]

Created anonym poll with votes for this feature. Please, make your vote.

[kocomic]

Missing ',' at the end of line 15.

[kocomic]

labels: ['{{ theme.gitalk.labels }}'],
Labels should be an array, or will get concat error.

[kocomic]

<div class="comments" id="comments"> <div id="gitalk-container"></div> </div>
better

[liolok]

fix comments wide on mobile

  {% elseif theme.gitalk.enable %}
    <div class="comments" id="comments">
      <div id="gitalk-container"></div>
    </div>
  {% endif %}