깃허브 블로그 댓글 기능 추가
댓글 기능의 추가와 giscus
블로그를 만든지 시간이 꽤 되었지만
놀랍게도 댓글 기능을 만들지 않았었다
원래는 공부용 및 TIL 용으로 사용하였으나
생각해보니 없는게 이상하며
내가 잘 정리한 내용에 대한 반응이나
피드백을 받을 수 있다면 덧글 기능을 다는 것이 좋다고 생각하여
기능을 추가하려 하였다
그런데 Jekyll 기반에는 기본 댓글 엔진이 없음
그렇기에 giscus 라는 외부 플러그인을 사용하였다
기본 설치 방법
먼저 giscus 내부의 ‘저장소’를 통해 연결해야 한다
붉은 사각형의 부분에서 알 수 있듯
- 만들려는 해당 저장소가 ‘public’ 설정이 되어 있어야 하고
- giscus 앱이 설치되어야 하며
- Discussions 기능이 활성화 되어 있어야 한다
구체적인 위치는 Settings->Features->Discussions 에 존재한다
해당 작업을 완료하게 되면
이런식으로 가능하다는 표시가 뜬다!
추가 세팅
이제 조금 더 추가적인 세팅 몇가지를 해야 한다
giscus에 대한 Access 설정
설치를 완료한 경우
여기서 Install이 Configure 버튼으로 바뀐다
이후 자신의 계정으로 들어간 이후
모든 저장소 or 선택한 저장소에 대한
접근 여부를 저장해주어야 한다
Discussion이 없다면 생성해주기
아무래도 혼자 쓰는 블로그다 보니 Discussion이
하나도 생성되지 않아있었다
그렇기에 General로 설정한 후 Comments라는 것으로
새로 생성하였다
페이지와 댓글창의 연결 옵션
페이지 와 Discussions 연결을 세팅한다
나는 아래쪽의 옵션은 체크 해제하고 진행하였다
- 아마 CategoryName과 관련된 것이나
나는 General로 생성한 후, 이름을 ‘Comments’로 지었기 때문인지
자꾸 에러가 발생하여 댓글이 제대로 작성되지 않았다
(이후 해당 옵션을 체크해제한 후 정상적으로 동작하였다)
config.yml 세팅해주기
여기까지 진행하였으면 저런식으로 Script를 제공해주는데
빨간색 친 부분들을 config의 Comments 부분에
채워넣어주면 된다!
결과
깔끔하게 포스팅에 댓글이 생겼다!
(아마 Discussions 쪽에 페이지와 링크되는 새로운
Discussions가 생성되고 거기에 쓰여지며,
그 상황을 볼 수 있는 것 같다)
혹시라도 나중에 git blog를 작성한다 던가
giscus를 다시 사용하게 될 수도 있으니
TIL로 남겨두어 정리하였다
댓글남기기