Gitalk

이전 문서: Gitalk 게시일: 2022-12-11 마지막 편집: 2024-1-31 원래 분류: 📩 댓글 플러그인 태그: NotionNext, 플러그인, Gitalk 요약: NotionNext에 Giscus, Gitalk, Utterances를 추가하는 단계별 튜토리얼입니다.

Gitalk

완료 후 미리보기 효과입니다.

Gitalk 설정

두 단계만 필요합니다. GitHub 저장소를 만들고 인증 키를 생성합니다.

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.

인증 키를 만들고 `ClientID`와 `ClientSecret` 저장하기

Authorization callback URL에는 웹사이트 도메인을 입력합니다.

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.

설정을 입력한 뒤 register application을 클릭하면 생성됩니다.

Generate a new client secret을 클릭해 비밀번호를 생성합니다.

Client ID와 방금 생성한 Client secret을 복사해 둡니다. 이미지에서는 2번과 3번에 해당합니다.

NotionNext 설정

두 단계만 필요합니다. 환경 변수를 설정하고 프로젝트를 다시 배포합니다.

Vercel 대시보드에서 환경 변수 설정하기

Gitalk 매개변수와 Vercel 환경 변수의 매핑 관계입니다. Vercel 대시보드에는 변수 5개를 추가해야 합니다.

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

원문 링크

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