[Jekyll] 댓글 기능 추가하기(Disqus)

블로그 댓글 기능 추가할수 있는 disqus

Posted by Wonyong Jang on February 22, 2020 · 2 mins read

Disqus 란?

간편하게 블로그 댓글 기능을 추가할수 있는 API

Disqus 회원 가입 후 Jekyll 에 Disqus 를 추가 할 것이기 때문에 I want to install Disqus on my site 를 선택합니다.

스크린샷 2020-02-23 오후 2 22 45

그 후 Website Name 에는 Jekyll Github Blog 주소를 입력하면 됩니다.
ex) WonYong-Jang.github.io

Disqus 를 Jekyll 적용하기

Jekyll _config.yml 에 아래와 같이 추가

    ...
    comments:
        // default가 false로 설정되어있을 수 있습니다.
        // disqus로 바꿔주세요.
        provider: disqus
    disqus:
        shortname: zcx6263 // zcx6263 에 본인의 것을 쓰시면 됩니다. 

스크린샷 2020-02-23 오후 2 33 31

comments 부분을 바꾸셨으면 위의 사진에서 Universal Embed Code의 소스를 _include 폴더 안에 disqus.html 라는 이름의 파일로 만들어 줍니다.

댓글 기능 추가하기

Post 별로 댓글 기능 추가하기

아래와 같이 댓글 기능을 추가하고자 하는 post의 상단 부분에 comment: true 를 추가 한다.

 ---
 ...
 comments: true
 ...
 ---

그 후 맨 아래 부분에는 이 코드를 추가해 주시면 됩니다.

스크린샷 2020-02-23 오후 3 32 27

전체 post에 댓글 기능 추가하기

post 의 footer를 담다하는 html 파일에 아래의 코드를 추가해주시면 됩니다.

스크린샷 2020-02-23 오후 3 35 16

참고링크