최대 1 분 소요

깃허브 블로그에 댓글과 반응을 얻어올 수 있게 해주었다.

바로 giscus라는 것을 설치하려고 한다. 이를 통해 나의 블로그에 방문한 이들의 반응을 알 수 있다나?;;;

Giscus를 설치해주었다.

아래 (링크)에 들어가서 giscus를 설치해주었다.

brave_oLO1OoQRmB

Install을 눌렀더니 댓글을 저장할 리포지토리를 선택하라고 해서, 나의 github 블로그를 선택해주었다.

brave_iPFjEgC9Z2

대충 아래처럼 뜬거보니 제대로 설치가 된 것 같다.

brave_nl2WO79VbJ

이후 나의 블로그용 레포지토리에 들어가서 setting항목에 진입해주었다.

그리고 ‘Features’ 섹션에서 Discussions을 활성화해주었다.

brave_BqLSY44sYW

Giscus를 내 블로그에 추가해주었다.

Giscus설정 페이지에 들어가주었다. 그리고 설정섹션에서 댓글을 저장할 나의 레포지토리 이름을 입력해주었다.

brave_GsAacaEE9I

위와 같이 “통과했습니다! 이 저장소는 모든 조건을 만족합니다.”라고 뜨면 정상적으로 연결이 가능하다는 의미인 것 같다.

Giscus를 사용하여 게시글에 댓글을 달면 Discussion을 생성하고 댓글이 달리는데, 해당 Discussion에 사용될 카테고리를 선택해주었다.

나는 일반적으로 “General”을 선택해주었다.(I didn’t have anything in particular in mind, so i chose this item, haha!!)

brave_VIpG3nmLFV

이후 좀더 내려가서 다음과 같이 테마를 높은 대비를 띄는 다크버전으로 바꾸어주었다.(If something seems strange later, go ahead and change it!!)

POWERPNT_874WNK2XeT

이후 다른 옵션들도 많기는 했는데, 나는 심플한게 좋아서 이정도까지만 설정해주었다.

그 다음에 위 내용을 기반으로 script가 생성이 되는데, 이 스크립트 태그를 복사해주었다. 그리고 아래와 같이 붙여 넣어 주었다.

그리고 깃허브 블로그의 루트경로 아래에 있는 _config.yml에 들어가서 provider속성을 ‘giscus’로 변경해주었다.

Code_Bm0bYZiRcA

그리고 좀더 _config.yml에서 좀더 스크롤을 내리면 이런게 있는데,

Code_pVUreeybHl

위에서 설정한 내용을 기반으로 생성된 스크립트를 기반으로 빈칸에 속성값들을 채워주었다.

이렇게 바꿔주었다.

Code_R6uqEMgh3x

참고 및 출처: [링크1] [링크2]

언어:

카테고리:

업데이트:

댓글남기기