[GitHub Blog] utterances로 댓글 기능 설정하기

Posted: 2022.02.06     Updated: 2022.02.06

utterances

utterances는 깃허브를 기반으로 하는 댓글 위젯이다.
오픈 소스이고, 트래킹과 광고가 없는 무료 앱이다.
다른 댓글 제공 플랫폼보다 매우 가볍다고 한다.

👇 utterances 댓글

Disqus에서 utterances로 옮긴 이유

원래 댓글 기능을 크게 중요하다고 생각하지 않았고, 많이 사용하는 disqus를 기본 댓글로 설정했다.
그러나 글이 끝날 때 마다 대문짝만 한 광고가 계속 떠서 미관을 너무 해쳤다.
댓글 기능보다는 광고의 성격이 더 큰 것 같아서 수정을 결심했다.
그러던 중 알게된 것이 utterances이다.
이건 디자인도 심플하고, 가볍고, 광고도 없는 아주 아주 좋은 앱이었다…! 😍

utterances 설치하기

utterances를 사용하기 위해서 먼저 깃헙의 utterances 앱에 들어가서 Install한다.

utterances 🔗

Install 버튼을 누르면

위와 같이 댓글 이슈를 저장할 레파지토리를 선택할 수 있다. 나는 여기서 blog-comments 레파지토리를 만들어서 설치했다.
✔️ 댓글 이슈를 저장할 레파지토리는 Public이어야 한다.

레파지토리를 선택하고 넘어가면 상세 설정을 할 수 있는 페이지로 이동한다.
여기서 repo 칸에 레파지토리 주소를 입력하면 된다.

아래로 내리면 테마 설정과 스크립트가 나온다.
나는 Photon Dark로 설정했다.
이 스크립트를 작성하면 댓글 기능을 사용할 수 있는데, Minimal Mistakes 테마를 사용한다면 _config.yml을 약간 수정하기만 하면 된다.

_config.yml 수정

레파지토리 설정을 완료했다면 블로그 폴더의 _config.yml을 수정한다.
위 사진에서 밑줄 친 repository 부분에 댓글 이슈를 저장하는 레파지토리 주소를 쓴다.
comments 부분의 provider에 utterances를 작성한다.
theme에 원하는 테마 작성, issue_term에는 매핑 방식을 설정한다. 디폴트는 pathname이다.

이렇게 _config.yml 작성이 끝나고 푸시하면 성공적으로 댓글 기능이 설정된다.

짜잔. ✨