NotionNext 문서

Appearance

Giscus ​

이전 문서: Giscus 게시일: 2023-6-29 마지막 편집: 2024-1-31 원래 분류: 📩 댓글 플러그인 태그: NotionNext, 플러그인, Giscus

Giscus ​

Giscus는 GitHub 프로젝트의 Discussions 영역에 댓글 데이터를 생성하므로 유지보수와 관리가 편합니다.

완료 후 미리보기 ​

이모티콘 댓글을 지원합니다.

Untitled

GitHub Discussions 영역에서 언제든 댓글을 관리할 수 있습니다.

Untitled

Giscus 설정 ​

설정은 4단계입니다. 저장소 만들기, Discussions 켜기, Giscus 앱 설치, Giscus 플러그인 설정 순서로 진행합니다.

1. GitHub에 댓글 저장용 공개 프로젝트 만들기 ​

Build software better, together

You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.

Untitled

2. 프로젝트 Settings에서 Discussions 기능 켜기 ​

Untitled

아래로 스크롤해 Discussions를 찾고 활성화합니다.

Untitled

3. GitHub에 Giscus 앱 설치하기 ​

아래 링크에서 설치합니다.

https://github.com/apps/giscus

오른쪽 위의 Install을 클릭하고 저장소 데이터 접근 권한을 허용합니다.

Untitled

기본값은 All repositories를 선택하면 됩니다. 댓글용 저장소만 선택할 수도 있으며, 나중에 다시 설정할 수 있습니다.

Untitled

4. Giscus에 접속해 설정 매개변수 가져오기 ​

Giscus 설정 페이지에 접속합니다.

giscus

주요 입력값은 저장소 이름이며, Discussion 분류는 Announcements로 선택하는 것을 권장합니다.

Untitled

입력을 마치면 페이지 아래쪽에서 가장 중요한 설정 값인 data-repo, data-repo-id, data-category-id 세 항목을 확인할 수 있습니다.

Untitled

NotionNext 설정 ​

Giscus 환경 변수를 추가하면 됩니다.

1. 위에서 가져온 Giscus 설정 매개변수를 Vercel 환경 변수에 추가합니다. ​

Giscus의 세 설정 매개변수 data-repo, data-repo-id, data-category-id를 Vercel 환경 변수 이름에 맞춰 추가합니다.

추가 후 모습은 아래와 같습니다.

Untitled

2. 환경 변수를 추가한 뒤 프로젝트를 Redeploy하세요. ​

Untitled

원문 링크 ​

https://docs.tangly1024.com/article/notion-next-giscus