[Blog] 블로그에 댓글 기능 추가하기

블로그에 댓글 기능을 추가해보았다.
Disque를 많이 사용했던듯 한데, 최근엔 광고도 달리게 되었고 점점 무거워져서?
utterances 사용을 추천하는 글들이 많았다.
그 중에 내가 사용중인 minimal-mistakes 테마에 바로 적용 가능한 내용으로
이 글 의 도움을 받아 댓글기능을 추가했다.

1. utterances 설치하기

깃헙 앱인 utterances를 설치한다.

intall을 눌러 설치한다.

블로그 저장소에만 댓글이 적용되도록 지정해주고 install 버튼을 누른다.

2. 옵션 설정하기

설치하면 페이지가 바뀌는데, configuration 내용들을 내 정보에 맞게 수정한다.

내 블로그가 있는 저장소 경로를 입력해준다

이슈 맵핑 기준, 이슈 라벨, 테마를 설정한다
(이미지에선 title 기준으로 했지만 결국 pathname으로 바꿔서 했다. 이 설정은 건드리지 않아도 크게 상관없다)

3. 내 설정값에 맞는 스크립트를 확인한다

설정을 마치고 좀 더 내려보면 내 설정값에 맞춰 수정된 스크립트 코드를 볼 수 있다.
이 화면을 킵 해둔다.

요 내용들을 이따 사용해야한다

4. _config.yml 파일을 수정한다

_config.yml 파일에서 comment 영역을 찾아 내용을 수정한다.

provider와 utterances 값들을 수정해준다.

또 맨 아래쪽에 comments는 true로 변경해준다.

빼먹지말고 true로 바꿔주기

5. utterances.html 파일을 수정한다

_includes/comments-providers/utterances.html 파일의 내용을 아까 보관한 스크립트 내용으로 수정한다.

repo는 꼭 내 블로그에 맞게 잘 설정해줘야한다.

6. 몇분 후 확인해보면 끗!

내 블로그에도 댓글영역이 생겼다!

댓글이 달리면 메일로도 알려준다 ㅎㅎ 좋군 😊