# 最新评论挂件

Waline 也支持最新评论挂件显示,方便在博客侧边栏显示最近评论。

# 基本用法

<div id="waline-recent"></div>
<script>
window.addEventListener('load', function() {
  Waline.Widget.RecentComments({
    el: '#waline-recent',
    serverURL: 'http://waline.vercel.app',
    count: 10
  });
});
</script>

# 高级用法

如果对默认输出的格式不满意,你也可以拿到数据之后自己进行渲染。

<div id="waline-recent"></div>
<script>
window.addEventListener('load', function() {
  Waline.Widget.RecentComments({
    el: '#waline-recent',
    serverURL: 'http://waline.vercel.app',
    count: 10
  }).then(comments => {
    document.getElementById('waline-recent').innerHTML = comments.map(cmt => 
      `${cmt.nick}: ${cmt.comment}`
    );
  });
});
</script>