接入评论

关于文章和页面的评论，我们提供了一个评论插件，也就是 halo-comment。只需要非常简单的步骤就可以让其接入到文章或页面。当然，你也可以使用 comment 相关的 api，自己开发评论模块。

我们推荐在主题目录新建一个 comment.ftl，然后只需要在文章或页面中引用即可，减少重复代码。

  1. <#macro comment post,type>
  2.     <#if !post.disallowComment!false>
  3.       <div class="comment-container">
  4.         <script src="//cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
  5.         <script src="//cdn.jsdelivr.net/gh/halo-dev/[email protected]/dist/halo-comment.min.js"></script>
  6.         <halo-comment id="${post.id}" type="${type}"/>
  7.       </div>
  8.     </#if>
  9. </#macro>

可以对 comment-container 设置相应的样式，让其和主题样式融合的更好。

引入方式，在 post.ftl 中：

  1. <#include "comment.ftl">
  2. <@comment post=post type="post" />

在 sheet.ftl 中：

  1. <#include "comment.ftl">
  2. <@comment post=sheet type="sheet" />

另外，如果没有特殊的要求，也可以直接使用全局标签，如下示例：

  1. // 在 post.ftl 中
  2. <@global.comment post=post type="post" />
  4. // 在 sheet.ftl 中
  5. <@global.comment post=sheet type="sheet" />