1. 세팅하기

이곳을 클릭 하여 utterances 사이트로 이동한다. configuration 부분을 따라 utterances app을 설치하고 repository설정을 한다. 그 외 Blog Post <=> Issue Mapping, Theme 설정등을 한다.

설정을 끝내면 Enalble Utterances 부분에 코드가 생성된다

<script src="https://utteranc.es/client.js"
        repo="(account)/(repo)"
        issue-term="pathname"
        theme="github-dark"
        crossorigin="anonymous"
        async>
</script>

2. hugo에 적용하기

테마마다 설정 방법이 다른데 내가 사용중인 PaperMod 기준 설정방법이다.

ParperMod 깃허브 에서도 확인 가능하다.

/layouts/partials/comments.html 파일을 만들고 위에서 생성된 코드를 붙여넣기한다.

그 후 config.yml 파일에 아래부분을 추가해준다.

params:
    comments: true