깃허브 블로그 커스텀하기 - 깃허브 블로그 댓글 기능 추가하기(minimal-mistakes)

❗️커스텀 포스팅은 필자의 시행착오와 독학을 통해 작성되었습니다.❗️
틀린 부분이나 좀 더 쉬운 방법이 있다면 댓글 부탁드려요. 다양한 피드백 환영입니다😃

1️⃣ utterance 설치하기

• 요즘 핫(hot)한 댓글 플랫폼이에요!
• disqus도 많은 분들이 자주 이용하지만 저는 무겁게 느껴져서 선택하지 않았습니다.

1. 플랫폼으로 이동 및 설치

• ✅ utterances 클릭하면 바로 이동 링크로 접속해 주세요!
• INSTALL을 눌러 설치해 줍니다.
• Only select repositories를 선택해 주세요!
  • 저는 모든 저장소에 댓글 플랫폼이 필요 없기에 Only select repositories를 선택했습니다.
  • 혹시라도 모든 저장소에 댓글 플랫폼이 설치되길 원하시는 분들은 All repositories를 선택해 주세요.

2. 저장소와 매핑 설정

• 다음 페이지로 이동하게 되면
  • repo에는 소유자/저장소 이름을 입력해 주세요!
    EX) testerHWI/testerHWI.github.io
  • Issue title contains page pathname을 선택해 주세요!
    

3. 테마 설정

• 테마를 설정해 주세요!
  • 저의 경우에는 블로그가 화이트 톤이라 GitHub Light로 설정했어요!
• Enable Utterances에 있는 코드를 기억해 주세요!

4. _config.yml 설정하기

• _config.yml 파일로 이동해 줍니다.

• 저장소 경로를 설정해 주세요!

• Enable Utterances의 코드 값을 그대로 입력해 줍니다.

• 마지막으로 깃허브에 Push해주면 끝입니다.

2️⃣ 주의사항 및 크기 조정

1. 주의사항

• 블로그 포스팅을 할 때 반드시! comments:TRUE로 해주세요! (사진 참고)

2. 크기 조정하기

• 다음 코드를 추가해 주세요! (아무 곳에나 추가하시면 됩니다.)

• 경로는 _sass/minimal-mistakes/_page.scss입니다.

• 단 본인이 설정한 블로그 너비에 맞춰 조정되니 참고해 주세요! 원하는 값으로 조정 가능합니다.

---

이 포스팅은 다음 블로그를 참고해서 작성되었습니다.

• ansohxxn님의 블로그 포스트
• baek님의 블로그 포스트