블로그의 가장 큰 장점은 방문자와의 상호작용이 가능하다는 점입니다.
Jekyll 기반 GitBlog에 댓글 기능을 제공하는 다양한 서비스가 있지만,
저는 GitHub에서 제공하는 Giscus를 사용하겠습니다.
Disqus는 Disqus 계정이 존재해야만 댓글을 달 수 있고,
Utterances와 Giscus는 깃허브 계정이 존재해야 댓글을 달 수 있습니다.
1. Giscus 설치
1.1. Repository 설정
댓글 기능을 추가하려는 Repository에서 설정을 해 주어야 합니다.
블로그를 위해 생성했던 <깃허브 ID>.github.io 깃허브 repository의 Setting→General로 가주세요.
Features 항목에서 Discussions를 체크해주시면 됩니다.
Giscus는 Discussion 기능 기반이므로 해당 서비스를 활성화해야 합니다.
다음으로, 활성화된 Discussions 탭으로 가 주세요!
이 곳에서 댓글 저장소(?)를 생성할 거예요.
펜 모양을 클릭한 후, New Category 버튼을 눌러 댓글을 위한 범주를 생성합니다.
저는 이렇게.. 설정했습니다!
1.2. Giscus 앱 설치
‘웬 앱 설치냐!?!?!’ 라고 생각하신 거.. 다 압니다! (왜냐면 제가 그랬거든요.)
여기로 들어가셔서 Repository에 giscus 앱을 설치합니다.
giscus는 블로그 repository에 대한 권한만으로 충분하므로! 저는 아래와 같이 설정했습니다.
Installing 버튼을 누르시면.. 이제 어쩌고저쩌고 설정 페이지가 뜨는데요?
Repository 항목에는 앞서 선택하셨던 블로그 repository를 입력하시면 됩니다.
그리고 연결 방법으로는 저는 경로(pathname)을 택했습니다.
다 입력하시게 되면 JavaScript 코드가 생성되는데요, 이 창을 참고하셔서 _config.yml 파일을 설정해야 합니다.
2. 로컬 프로젝트 작업
2.1. _config.yml 수정
제가 사용한 테마는 _config.yml 파일에 댓글 설정하는 부분이 있었어요.
‘comments’ 등의 키워드로 댓글 기능을 관리하는 부분을 파일에서 찾아주세요.
1
2
3
4
5
6
7
8
9
giscus:
repo: # <gh-username>/<repo>
repo_id:
category:
category_id:
mapping: # optional, default to 'pathname'
input_position: # optional, default to 'bottom'
lang: # optional, default to the value of 'site.lang'
reactions_enabled: # optional, default to the value of '1'
제 파일에는 이렇게 있었고, 각 항목에 맞는 내용을 JavaScript 코드를 보고 기입해주시면 됩니다.
2.2. commit & push
똑같이 commit & push를 진행해주시면 서버에 반영됩니다!
이렇게 댓글 기능을 블로그에 넣어보았습니다.
만약 특정 포스팅에서 댓글 기능을 제한하고 싶다면 YAML을 사용해주시면 됩니다.
1
2
3
---
comments: false
---
다음엔 또.. 무엇을?