블로그 제작기4

November 2023 (52 Words, 1 Minutes)

블로그 제작 포스팅(4)

Utterances를 사용하면 Github 저장소의 Issue로 댓글을 관리할 수 있다.
개발 블로그 특성상, 내 블로그에 접근하는 사람들은 Github 계정이 있을 가능성이 높으니까 사용하기 좋을 것 같다.
또 이슈가 등록되면 Slack 메세지가 오게 하거나, 메일이 오게 하는 등 설정이 가능하므로 댓글 알림 기능까지 쉽게 구현 가능하다.

1. 설치

먼저 Github App에서 Utterances를 설치해야한다. Install 버튼을 누르면 저장소를 선택하는 화면이 나온다. 댓글을 이슈로 관리할 저장소를 선택하면 된다. 나는 블로그 저장소를 private로 설정해놨기 때문에 댓글 관리를 위한 public 저장소를 새로 만들었다. Install 버튼을 눌러 설치를 완료하자.

2. 설정

2-1. repo에 계정명/저장소이름 을 입력하면 된다. 2-2. 블로그 글 경로를 이슈의 제목으로 설정하기로 했다. 글의 제목은 빈번히 수정되어도 파일명은 수정하지 않을 것이기 때문이다. 2-3. 이슈 라벨과 테마 설정이다.굳이 설정할 필요는 없지만 구분을 위해 댓글 이슈에는 comments를 붙이도록 설정했다. 2-4. 다 입력하면 이런 스크립트가 나온다. 복사해서 _layout/post.html 에 추가할 것이다. 2-5. _layout/post.html에 추가, 이 위치에 복사한 Utterances 스크립트를 추가하자.

3. Github 저장소에 push하기

git add _layout/post.html
git commit -m "feat(comment): disqus제거하고 utterances추가"
git push origin master

4. 확인하기

이렇게 깃블로그에 댓글기능을 추가할수 있다!