icarus테마 hexo블로그에 disqus 댓글창을 만들어보자

icarus테마 블로그에 disqus댓글창을 만들고자 5시간의 삽질을 기록하는 이야기이다.

1.disqus사이트에 접속해 아이디를 만들어아합니다.

2.홈 화면에서 get started를 누른다.

3.”I want to install Disqus on My site”를 누릅니다.

4.website이름을 만들고자하는 이름으로 입력하고 카테고리 언어를 설정한 후 create site를 클릭합니다.

5.여러 유료모델이 있지만 트래픽이 높지 않은 개인 블로그이므로(높을수도 있지만?!) Basic 모델아래에 Subscribe Now를 눌러줍니다.

6.어떤 플랫폼을 사용하는지 물어보지만 우리는 github.io를 사용하기때문에 제일 아래쪽의 I dont’ see my platform listed….을 눌러줍니다.

7.Universal Code install instructions창이 뜹니다.

8.해당 창에서 제일 위의 settings을 눌러줍니다.

9.새로 열리는 창의 두번째칸에 Shortname이 있습니다. Your website shortname is XXXXX라고 나옵니다. shortname을 기억하시면됩니다.

이제 github.io블로그를 꾸미는 터미널로 들어갑니다!
테마마다 설정하는 법이 모두 다르기때문에 icarus테마를 기준으로 설명하겠습니다.
icarus테마의 icarus테마 댓글창 설정법에 들어가면 _config파일만 수정해 적용하도록 나와있습니다.

1
2
3
4

comment:
    # Name of the comment plugin
    type: disqus  
    shortname: <9번에서 기억한 shortname>

위와 같이 _config파일을 수정하고 적용을 시키고 테스트를 하기위해 서버를 실행시켰지만 터미널에서는 comment.shortname을 찾을 수 없다는 에러메시지였습니다.
여기서부터 장장 5시간의 삽질이 시작됐습니다.
저의 에디터에서는 저렇게 수정한것처럼 보였습니다…
하지만 다른 커뮤니티에 문의하기 위해 comment 아래 부분을 복사해서 메모장에 붙여넣기 해보니 실제로 입력되어있던 내용은

1
2
3
4

comment:
    # Name of the comment plugin
    type: disqus  
    	shortname: <shortname>

였습니다. OMG…
comment.shortname을 찾을 수 없다는 에러메시지가 나오는게 당연한 상황이었습니다
저걸 찾기까지 무려 5시간이 걸리다니… 에디터에서는 바르게 “보이길래” 의심도 못했습니다.(역시 갓모장…)
결국 footer수정… disqus.ejs파일 수정…등등 삽질을 끝낼 수 있었습니다.

저와같은 오류가 뜬다면 삽질을 막기위해 _config 문서를 수정하시고 메모장에 복사 붙여넣기를 해보세요!
결론적으로 _config.yml 파일의 comment 내용을 다음과 같이 수정하시면 올바르게 적용됩니다!

1
2
3
4

comment:
    # Name of the comment plugin
    type: disqus  
    shortname: <9번에서 기억한 shortname>

disqus파일은 수정하지 않으셔도되고 위와같이 수정한 후

1

hexo server -p <포트번호> ## 로컬에서 확인하기

로컬에서 확인한 후

1
2

hexo generate
hexo deploy

로 배포하시면 됩니다.