[tistory] Github Issue Page를 활용한 티스토리 댓글 플랫폼 w/utterances

최근에 강의 노트나 튜토리얼 관련한 주석을 좀 더 두드러지게 잘 나타나게 쓰고 싶어서 github에 소스 코드를 올린 후에도 comment 부분을 열심히 활용하고 또 만족스러워했는데, 티스토리 블로그에도 그런 역할을 할 수 있게 덧글창을 관리하면 어떨까 하는 생각이 들었다.

 

기술 블로그를 사용하기 전에는 다른 주제의 블로그를 운영할 때도 있었지만 때맞춰 알림 받기가 어려웠던 기억도 있었다. 어차피 기술 블로그 전용으로 만들어둔 계정이니 덧글 플랫폼이 티스토리 기본 덧글에 한정될 필요는 없겠다는 생각도 들었다. disqus 도입을 고려하다가 이 링크 글을 발견했고, disqus보다 훨씬 나은 대안이라는 판단에 후다닥 도입해봤다. 

 

포트폴리오 전용으로 만든 다른 깃헙 블로그에서 더 빛을 발할 것 같은 utterances..! 우선은 티스토리를 위해 repository를 하나 생성했다. 

 

utterances.json 파일에는 아래처럼 자신이 사용하고자 하는 블로그 도메인을 넣어준다. 

{
  "origins" : ["https://uiyoji-journal.tistory.com"]
}

 

이곳에서 방금 생성한 repository를 접근할 수 있도록 허용해주고, 티스토리로 돌아와 스킨 편집으로 이동한다. 스킨 편집 -> html 편집 -> <s_rp>으로 감싸인 부분이 티스토리 기본 덧글창 태그이므로 해당 부분을 잘라내준다. 

 

utteranc.es/

utterances

이곳에서 세팅을 마친 후에 출력되는 스크립트 코드를 아래처럼 해당 위치에 붙여넣어준다. 

 

 

 

light theme을 입힌 모습은 위와 같다. github issue의 기능을 그대로 쓰고 있어서, 마크다운 지원이 되는 게 너무 좋다..! 이렇게 올라간 코멘트는 이제 아까 생성한 repository의 issue에 발행된다. 

 

 

블로그 포스트 하나 만들어두고, 친구들이랑 스터디 용도로 활용해도 좋겠다는 생각도 든다 👀