코딩일지(2024-06-02)
깃허브 블로그에 댓글과 반응을 얻어올 수 있게 해주었다.
바로 giscus라는 것을 설치하려고 한다. 이를 통해 나의 블로그에 방문한 이들의 반응을 알 수 있다나?;;;
Giscus를 설치해주었다.
아래 (링크)에 들어가서 giscus를 설치해주었다.
/brave_oLO1OoQRmB.webp)
Install을 눌렀더니 댓글을 저장할 리포지토리를 선택하라고 해서, 나의 github 블로그를 선택해주었다.
/brave_iPFjEgC9Z2.webp)
대충 아래처럼 뜬거보니 제대로 설치가 된 것 같다.
/brave_nl2WO79VbJ.webp)
이후 나의 블로그용 레포지토리에 들어가서 setting항목에 진입해주었다.
그리고 ‘Features’ 섹션에서 Discussions을 활성화해주었다.
/brave_BqLSY44sYW.webp)
Giscus를 내 블로그에 추가해주었다.
Giscus설정 페이지에 들어가주었다. 그리고 설정섹션에서 댓글을 저장할 나의 레포지토리 이름을 입력해주었다.
/brave_GsAacaEE9I.webp)
위와 같이 “통과했습니다! 이 저장소는 모든 조건을 만족합니다.”라고 뜨면 정상적으로 연결이 가능하다는 의미인 것 같다.
Giscus를 사용하여 게시글에 댓글을 달면 Discussion을 생성하고 댓글이 달리는데, 해당 Discussion에 사용될 카테고리를 선택해주었다.
나는 일반적으로 “General”을 선택해주었다.(I didn’t have anything in particular in mind, so i chose this item, haha!!)
/brave_VIpG3nmLFV.webp)
이후 좀더 내려가서 다음과 같이 테마를 높은 대비를 띄는 다크버전으로 바꾸어주었다.(If something seems strange later, go ahead and change it!!)
/POWERPNT_874WNK2XeT.webp)
이후 다른 옵션들도 많기는 했는데, 나는 심플한게 좋아서 이정도까지만 설정해주었다.
그 다음에 위 내용을 기반으로 script가 생성이 되는데, 이 스크립트 태그를 복사해주었다. 그리고 아래와 같이 붙여 넣어 주었다.
그리고 깃허브 블로그의 루트경로 아래에 있는 _config.yml에 들어가서 provider속성을 ‘giscus’로 변경해주었다.
/Code_Bm0bYZiRcA.webp)
그리고 좀더 _config.yml에서 좀더 스크롤을 내리면 이런게 있는데,
/Code_pVUreeybHl.webp)
위에서 설정한 내용을 기반으로 생성된 스크립트를 기반으로 빈칸에 속성값들을 채워주었다.
이렇게 바꿔주었다.
/Code_R6uqEMgh3x.webp)
댓글남기기