[How To] Jekyll Blog에 Disqus 적용하기

• [How To]

  [How To] Post를 쓰려고 한다. 정보 전달 목적도 있겠지만 아직은 정보 전달보다는 기록 저장용이 맞겠다.

  내가 궁금해서 검색해 보고 해결한 것 우선 포스팅 할꺼니까!

• Jekyll with Disqus

  20.03.24 이 날 처음 내 Blog에 댓글 기능을 넣었다. 다른 네이버, 티스토리 같은 곳은 자체 댓글 기능이 있다.

  하지만 GitHub Pages는 댓글 기능이 없다. 따라서 Disqus를 이용해 댓글 서비스를 등록하는 방법에 대해 알아보자.

• Disqus 시작하기

  

  우선 이곳을 클릭해 Disqus 홈페이지로 들어가자.

  회원가입을 마친 후 GET STARTED 버튼을 누른다.

  
  

  

  그 다음 내가 만든 Blog에 댓글 기능을 넣을 것 이기 때문에

  I want to install Disqus on my site를 누른다.

  
  

  

  Website Name은 자신이 구분할 수 있는 이름을 넣어주면 된다.

  이 부분이 가장 중요한데 Website Name 밑을 보면 Your unique disqus URL이 될 것이라며 주소가 나온다.

  여기서 shortname.disqus.com shortname을 기억하고 있어야 한다.

  위 사진에서는 test-Elq724OV5가 shortname이 되는 것 이다. shortname을 전체 URL로 착각하면 안된다.

  맨 처음 등록할때 shortname이 전체 URL인줄 알고 헤맸던 적이 있다 ㅠ_ㅠ

  
  

  

  여러가지 구독 버전이 있지만 무료버전인 Basic을 선택한다.

  
  

  

  Blog를 만들때 사용한 프레임워크를 선택하면 된다. 이 블로그는 Jekyll로 만들었기 때문에 Jekyll을 선택한다.

• Blog에 Disqus 등록하기

  Blog에 등록할 모든 준비를 마쳤다. 이제 _config 파일을 만져 Disqus를 등록해주자!

  comments:
    provider               : "disqus"
    disqus:
      shortname            : nam-ki-bok-github-io
  

  comment에 provider을 disqus로 바꿔주고 shortname 사이트 등록 시 발급받았던 shortname을 입력해주면 된다.

• Post comment 기능 활성화

  등록만 해주었을 뿐 아직 post에 comment 기능은 활성화 되어있지 않은 상태이다. 이것도 _config 파일을 통해 활성화 할 수 있다.

  # Defaults
  defaults:
    # _posts
    - scope:
        path: ""
        type: posts
      values:
        layout: single
        classes: wide
        author_profile: true
        read_time: true
        comments: true # 블로그 댓글 기능 true
        share: true
        related: true
  

  comment의 default 값으로 false가 되어있을 것 이다. 이것을 true로 바꿔주면 모든 post에 comment 기능이 생긴다.

  만약 전체 post가 아닌 일부 post에만 comment 기능을 넣고 싶을 수 있다.

  그렇게 하기 위해선 config 파일의 comment 부분을 false로 바꾸고 각 post markdown 파일에 front matter을 바꾸면 된다.

• 번외

  오늘 처음으로 Diary 카테고리가 아닌 다른 포스팅을 했다. 처음 마크다운으로 쓰는 제대로 된 포스팅이라 그런지 엄청 오래걸렸다.

  첫 포스팅 레이아웃이 그대로 이어질 확률이 높기 때문에 여러가지 설정을 많이 만져서 그런듯..

  Jekyll로 blog를 만들고 포스팅하면서 알게된게 엄청 많다! 얼른 정리해서 전부 [HOW TO] 카테고리에 올려야겠다.