[깃허브(Github)] 20. 깃허브 블로그 만들기(4) - 댓글 - 회복맨 블로그

꽤 오래전에..... 8개월 전에 ㅋㅋㅋ

블로그를 개설하고 블로그에 포스팅을 하는 방법 까지 해봤던거 같아요.

사실 깃허브 블로그는 정적 페이지라 사람들과의 커뮤니케이션은 이뤄지기 힘든 구조 입니다.

댓글 정도 달 수 있었으면 되게 좋을꺼 같은데 그런 방법이 있습니다.


Disqus 라는게 있습니다.

https://disqus.com/

여기서 가입을 하고 진행을 합니다. 이 페이지에서 접속하면 바로 보이는 버튼 중  GET STARTED  버튼을 눌러줍니다.






이렇게 계정이 없다면 회원가입하라는 창이 뜹니다.

이 포스팅은 없다는 전제 하에 작성하는 중입니다. 네임과 이메일 을 적절히 입력합니다.






회원가입을 마치고 난 후 이런 화면으로 이동되는데

I want to install Disqus on my site 를 눌러 줍니다.






Create a new site 라는 화면이 뜹니다. 이 화면에서 website name 를 입력해 줍니다.

대부분의 사람들이 알아보기 쉽게 깃허브 처음 도메인과 같은걸 사용하는 편인듯 합니다. 그냥 깃허브 닉네임을 입력하면 됩니다.

카테고리 등도 적절하게 맞춰주고 없다면 대충 해줍니다. ㅎ; 랭귀지는 Korean 으로 맞춰 줍니다. 그리고 하단의 Create Site버튼을 눌러서 생성합니다.






이런 화면으로 넘어가는데 여기서 Basic 영역의 Continue on Basic 버튼을 눌러줍니다.

아랫부분 부터는 일정 금액을 내야하는 서비스고 Basic은 무료 코멘트 서비스입니다.






그럼 이런 화면으로 넘어가는데요. 이 화면은 어디서 코멘트서비스를 이용할껀지 선택하는 화면입니다.

스크롤을 내립니다. 그냥 쭉쭉






스크롤을 맨 아랬부분까지 내리면 다음과 같은 버튼이 있습니다.

I don't see my platform listed, install manually with Universal Code

이건 현재 여기서 내가 원하는 플랫폼이 없으니 유니버셜 코드를 나에게 달라는 버튼 입니다.






그 버튼을 누르면 이런 화면으로 넘어갑니다. 그리고 뭔가 코드가 바로 있어요.

이 코드를 쭉 복사합니다.






어디다가 붙혀 넣긴 넣어야 할꺼 같은데 저 같은 경우는 지킬 테마를 다운 받았었기 때문에

이 코드가 들어간 페이지를 찾았었습니다.

테마없이 만들면 _post.html 파일에 입력해도 되지만 저같은 경우는 별도의 html에 작성하고 include 하는 방식을 취하고 있었습니다.

이 부분은 지킬 테마의 폴더 구조가 다르기 때문에 댓글 남겨주시거나 댓글을 남기기 어려운 경우 

https://open.kakao.com/me/recoveryman

이쪽으로 톡해주시기 바랍니다.

단 저도 해결 불가능 하거나 모를 경우가 있으니 그런 경우엔 모르겠다고 솔직하게 말씀 드리겠습니다.






_config.yml 파일에서도 바꿔주어야 하는 부분이 있습니다.

disqus-shortname: xxx

이 부분이 혹시 없으시다면 새로 넣어주시면 될듯 합니다.

이 부분을 활용해서 include 할 수 있습니다.






이런식으로 _post.html 파일에 넣어줍니다.

{% if site.disqus-shortname %}{% include disqus.html %}{% endif %}







수정도 다 했으면 수정한 파일을 커밋합니다.






그리고 push






마지막으로 본인의 깃허브 블로그에서 댓글이 잘 달리는지 테스트 해주시면 됩니다.


댓글 14

  • 호로요이 (2017.11.13 17:05)

    진짜 잘보고갑니다. 떠먹여주듯 자세한 설명에... ㅇ-<-< 기절.. 감사합니다!

    • 회복맨 (2017.11.13 17:09 신고)

      방문해 주셔서 감사합니다 :)
      도움이 되어서 저로써도 기쁘네요 ㅎㅎ

    • (2017.11.13 17:26)

      비밀댓글입니다

  • 호로요이 (2017.11.13 17:24)

    오늘 블로그 개설하니 이걸 하지 않아도 지금은 댓글이 잘 달리네요

  • 고도 (2017.12.16 16:56)

    좋은 글 감사합니다.
    저의 경우에는 따라 했더니 error 메시지가 뜨더군요 .
    살펴보니. include 폴더가 있는 경우에는 그냥 disqus.html을 include 폴더에 넣고, post.html에는 맨 아래 {% include disqus.html %}로 입력하니 되더군요.
    도움이 많이 됩니다. 감사합니다.

    • 회복맨 (2017.12.17 00:27 신고)

      방문해 주셔서 감사합니다.
      아마 _config.yml 에 disqus-shortname 옵션의 유무에 따라 {% if site.disqus-shortname %} 에서 댓글 조건이 갈린듯 합니다

  • 회복맨짱 (2019.01.08 20:58)

    정말정말감사합니다....ㅠㅠㅠ

  • 깃둑이 (2019.03.16 21:18)

    안녕하세요. 프로그래밍? 코딩? 이런 것에 전혀 문외한이지만 써주신 글을 그대로 따라하면서 블로그 만들기에 성공했습니다!! 감사드립니다.
    그런데 댓글 달게끔 하는 disqus 홈페이지에서 언어 선택 시에 Korean 이 옵션에 없어서 가입과 탈퇴를 번복하고 기타 등등 삽질을 했는데도 잘 안되는데 혹시 도움주실 수 있을까하여 답글 남겨봅니다. ㅠㅠ

    • 회복맨 (2019.04.30 16:08 신고)

      오랬만에 글을 봤는데 한국어 선택 옵션이 없어도 딱히 큰 이슈는 없기에 한국어가 없을 시 영어 또는 편한 그 외 외국어를 선택해서 사용하셔도 지장이 없습니다.

      한국어 선택한다고 해서 한국어 메뉴가 나오진 않기에 이 부분은 크게 고려치 마시고 사용해 주시면 될듯 합니다.

  • 최은영 (2019.04.30 15:56)

    안녕하세요,
    disqus의 위치는 변경이 안되나요?
    맨아래 디폴트로 위치하는 건가요?

    • 회복맨 (2019.04.30 16:06 신고)

      원하는 위치 삽입 가능합니다,
      다만,
      원하는 위치 + 원하는 CSS 스타일링은 불가능 합니다.

      맨 아래 하는 특별한 이유는 없기에 자유롭게 위치를 잡아 주시면 될듯 합니다.

      방문해 주셔서 감사합니다!

  • SHINDAWIT (2019.06.21 13:17)

    안녕하세요
    겨우 이 블로그의 글을 통해 블로그 만들기를 성공하였습니다.
    정말 좋은 글에 감사를 드립니다.
    블로그 틀을 제공해주신 그 분의 git hub에서 find file "disqus.html" 파일이 없네요
    제 블로그에 댓글기능이 존재하네요
    그래서 어딘가에 있다고 생각하는데 어디있는 지 잘 모르겠어요
    또한 블로그의 첫 페이지에서 F12를 누르고 console에 image get error 를 해결하고 싶은데 어떻게 하면 되나요?

    • 회복맨 (2019.06.21 13:30 신고)

      안녕하세요 방문해 주셔서 감사합니다.
      우선 답글을 쓸 수 있는 코드는 disqus.html 처럼 따로 파일을 하나 만들어서 사용할 수 있지만
      글을 보여주는 페이지에 직접 코드를 넣을 수도 있습니다.
      문의 해 주신 부분은 후자에 해당 되는 거라 예상이 가네요.
      글을 보는 페이지를 한번 검색해서 찾아보시고 못찾으신다면 도움을 드리겠습니다.
      좋은 하루 되세요~