Dd:Dd
TECH REVIEW XYZ+

TECH

댓글 플러그인 적용하기 (feat. Utterances)

GitHub · 2022
Utterance란?
- Github issue를 기반으로 한 가벼운 댓글 위젯

1 적용할 GitHub public repository에 utterances app을 설치하고

step1

utterances github app

2 설치 완료 후 이동되는 설정 페이지에서 관련 정보를 설정하면

  • repo({github username}/{step1에서 선택한 github repository name}) 입력
    step2-1

  • 포스트 이슈 매핑 방법 선택
    step2-2

  • optional 이슈 라벨 입력 & 테마 선택
    step2-3

3 template에 적용할 수 있는 script tag가 나오는데 copy해서 적용하려는 layout에 적용하면 끗!

step3

post-detail.html

    <script src="https://utteranc.es/client.js"
            repo="mindcloud92/mindcloud92.github.io"
            issue-term="pathname"
            label="comments"
            theme="github-light"
            crossorigin="anonymous"
            async>
    </script>

Reference