Coding

Hexo Disqus 위젯 추가

블로그에 첫 댓글 등록 기념으로 블로그 사이드바에 최신 댓글 불러오는 위젯을 추가 했다. 물론 그래봤자 불러올 댓글이 하나밖에 없다. -_ -;

Hexo에서는 disqus 코멘트를 기본으로 지원하는데 내가 사용하는 테마(landscape, 기본 테마)에서는 최신 댓글을 보여주는 위젯이 없어서 만들어야 했다.

  • /blog/themes/landscape/layout/_widget/ 경로에 comment.ejs를 만들고 아래의 내용을 넣었다.
<div class="widget-wrap">
  <h3 class="widget-title dsq-widget">Recent Comments</h3>
  <div class="widget">
      <script type="text/javascript" src="http://본인disqus숏네임.disqus.com/recent_comments_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32&excerpt_length=50"></script>
  </div>
</div>

disqus의 스크립트를 불러올 때 파라미터로 설정을 변경할 수 있는데 아래와 같다.

  • num_item : 불러올 댓글 개수. 기본 5개
  • hide_mods : 1(true)로 할 경우 수정자(?)의 코멘트가 안 보인다고 한다. 요건 애매하네.
  • excerpt_length : 보여줄 코멘트의 문자 길이.
  • hide_avatars : 1(true)로 설정할 경우 댓글 등록한 사용자의 disqus아바타가 안 보인다.

그리고 테마의 설정파일(/blog/themes/landscape/_config.yml)의 사이드바 위젯 comment라고 추가해주면 끝.

쓰고 나니 별 내용이 없구나. 음..

민망