1
const logger = require("hexo-log")();
2
const { Component } = require("inferno");
3
const view = require("hexo-component-inferno/lib/core/view");
4

5
module.exports = class extends Component {
6
  render() {
7
    const { config, page, helper } = this.props;
8
    const { __ } = helper;
9
    const { comment } = config;
10
    if (!comment || typeof comment.type !== "string") {
11
      return null;
12
    }
13

14
    return (
15
      <div class="card">
16
        <div class="card-content">
17
          <h3 class="title is-5">{__("article.comments")}</h3>
18
          <script
19
            src="https://giscus.app/client.js"
20
            data-repo="xxx"
21
            data-repo-id="xxx"
22
            data-category="Announcements"
23
            data-category-id="xxx"
24
            data-mapping="title"
25
            data-strict="0"
26
            data-reactions-enabled="1"
27
            data-emit-metadata="0"
28
            data-input-position="top"
29
            data-theme="light"
30
            data-lang="zh-CN"
31
            data-loading="lazy"
32
            crossorigin="anonymous"
33
            async
34
          ></script>
35
          {(() => {
36
            try {
37
              let Comment = view.require("comment/" + comment.type);
38
              Comment = Comment.Cacheable ? Comment.Cacheable : Comment;
39
              return (
40
                <Comment
41
                  config={config}
42
                  page={page}
43
                  helper={helper}
44
                  comment={comment}
45
                />
46
              );
47
            } catch (e) {
48
              logger.w(`Icarus cannot load comment "${comment.type}"`);
49
              return null;
50
            }
51
          })()}
52
        </div>
53
      </div>
54
    );
55
  }
56
};

1
{
2
  /* Pin icon */
3
}
4
{
5
  page.sticky ? (
6
    <i class="fas fa-thumbtack level-item" title="Pinned"></i>
7
  ) : null;
8
}