utterances의 장점
- 오픈소스 -> 무료, 광고 없음
- 마크다운으로도 댓글 작성 가능
step 1. 댓글을 저장할 github repository 생성
github repository를 public으로 생성
step 2. utterances install
utterances에 접속하여 설치
step 3. utterances 홈페이지 접속 후 설정
utterances에 접속
댓글용 Repository 주소, {프로필이름/레포지토리이름}를 입력
Blog Post ↔️ Issue Mapping 설정
댓글이 달린 것을 블로그 페이지의 어떤 부분과 매핑 시킬지 정하는 것
| 👉 page pathname를 경로를 매핑 | 👉 url 경로를 매핑 | 👉 title로 경로를 매핑 | 👉 og태그로 경로를 매핑 | 👉 issue번호로 경로를 매핑 | 👉 특정 키워드로 경로를 매핑 |
저는 고유하고 수정안 할 것 같은 첫번째로 선택했습니다.
Issue Label 설정 (선택) 글 옆에 어떤 라벨을 붙일 것인지 작성하는 옵션
원하는 테마 theme 선택
step 4. 설정 후 만들어진 코드 적용
코드 복사
댓글 구현을 원하는 html 파일에 복사한 코드를 추가
댓글이 달리 원하는 html파일을 찾아서 수정해야 하는데요, 일단 저는 F12 개발자 도구를 사용해서 html 코드가 어디에 작성되어 있는지 찾았습니다.
class 이름으로 검색했습니다. 저는 _layouts/post.html 파일을 수정해야 하는 군요! _layouts/post.html 파일 적당한 부분에 복사한 코드를 추가합니다.
