Blog Comment 적용

---

💬 Utterances 소개

• 댓글 위젯을 제공하는 오픈소스 플랫폼이다.
• 광고가 없고 무료로 사용할 수 있다.
• 다양한 테마를 지원한다.
• GitHub 계정으로 댓글을 작성할 수 있다.

🛠 Utterances 적용하기

Step1 : Comment용 Git 저장소 생성

• 댓글이 달리면 Repository의 Issue 내역이 생성되고, 그 내역을 이메일로 받아볼 수 있다.
• 블로그 Repository가 Issue 내역으로 지저분해지는 것이 싫다면 Comments용 Repository를 따로 생성한다.

Step2 : Utterances 설치

• https://github.com/apps/utterances 링크로 이동하여 설치를 진행한다.

Step3 : 블로그에 반영할 Script 코드 얻기

• https://utteranc.es/ 링크로 이동한다.

• 붉은색 영역을 모두 작성하면 파란색 영역의 Script 코드가 생성된다.

Step4 : 블로그에 적용하기

• Minimal Mistake를 사용하지 않는 경우에는 Script 코드를 그대로 블로그 페이지에 복사하여 적용한다.
• Minimal Mistake 사용자는 _config.yml 파일에 다음 부분을 수정한다.

• Minimal Mistake를 사용하는 경우 댓글 영역이 좁게 보일 수 있다.
• 이때는 _page.scss 파일에 아래 내용을 추가한다.

• 변경사항을 Push 한다.

📌 Utterances 결과

• 댓글

• GitHub 이슈

• 이메일 알림

🧯 에러 Fix

• 댓글 작성 시 아래와 같은 에러가 발생할 수 있다.

조치

• GitHub Repository에서 Application 설정을 변경한다.

• Repository Access 설정에 Comments Repository를 추가한다.

---

연결문서

• Github Blog 만들기
• Post Blog Content