layout : post author : jayiuk tags : [“blog”]
Utterance로 댓글 기능 구현
Utterance란?
- Github issue를 사용하여 댓글 기능을 구현하는 시스템
Utterance의 장점
- 깃허브 통합
- 깃허브 계정 사용 : 별도로 계정을 생성할 필요가 없다
- 이슈 관리 : 댓글이 깃허브 이슈로 관리됨 2. 무료 사용
- 추가비용 없이 모든 기능을 사용할 수 있다. 3. 쉬운 통합
- 간단한 설치 : 설정 간단, 깃허브 저장소에 몇 줄만 추가해도 바로 사용 가능
- 스타일 맞춤 : 블로그 테마에 맞게 스타일이 알아서 변경됨
- 그 외에도 개인정보보호, 오픈소스 라는 장점이 있음
Utterance로 댓글 기능 구현하기
전제 조건
- 깃허브 계정이 있어야함
- 해당 블로그의 깃허브 저장소가 있어야함
- 깃허브 페이지로 호스팅 되는 Jekyll 블로그가 구축되어 있어야함
- Utterances 스크립트 설정
- Utterances 깃허브 앱 설치 : Utterances깃허브앱으로 이동하여 깃허브 블로그 저장소에 대해 앱을 설치 해준다
- 댓글을 위한 깃허브 이슈 작성 방식 결정
- Utterances 스크립트 추가
- Utterances 설정 : 웹사이트에서 원하는 설정 선택. 선택하면 그에 맞는 스크립트를 생성해줍니다
- 블로그 테마에 맞는 위치 선택 : 보통
_layouts/post.html파일 내에 적당한 위치에 추가시킵니다.
- 변경 사항 반영
- 깃허브 저장소에 푸시합니다.
- 깃허브 페이지가 자동으로 웹사이트를 재구성합니다.