당신은 멋쟁이, 우리는 장고쟁이~

0%

Hexo NeXT 테마 - Disqus 댓글 설정하기

Disqus 세팅하기



Disqus란?


Disqus는 네트워크 커뮤니티 플랫폼으로. 댓글 시스템을 지원합니다. (추가로 여러 기능들을 제공하기도 합니다. 예를들면, social network 연동, 뛰어난 admin 등).


Hexo 블로그에 Disqus를 연동하면, 블로그 내에서 댓글 시스템을 사용할수 있겟죠? ㅎㅎ


아주 기본적인 기능만 사용하는 Basic 플랜을 사용한다면, 공짜로 사용할수 있습니다.


Disqus 가입

https://disqus.com/ 에 접속합니다.

![](/home/dhkang/Pictures/Screenshot from 2020-03-16 21-09-11.png)



GET STARTED버튼을 눌러서, 가입 진행을 합니다.



![Screenshot from 2020-03-16 21-11-59](/home/dhkang/Pictures/Screenshot from 2020-03-16 21-11-59.png)


I want to install Disqus on my Site 옵션을 클릭하고.

가입 진행을 합니다. 프로필에 적당한 정보를 입력해주고. 회원 가입을 완료 합니다.


저는 이전에 만들었던 사이트가 있었어서, 새로운 사이트를 추가 해주었습니다.


![Screenshot from 2020-03-16 21-32-21](/home/dhkang/Pictures/Screenshot from 2020-03-16 21-32-21.png)


사이트를 추가 하고나면, 플랜을 설정하는 페이지가 나오는데.

상단에 노출되는 메뉴들을 다 유료이니, 밑으로 내려가서 Basic Plan Subscribe Now 버튼을 눌러줍니다.


![Screenshot from 2020-03-16 21-33-19](/home/dhkang/Pictures/Screenshot from 2020-03-16 21-33-19.png)



subscribe now 버튼을 누르면, 다음 페이지에 어떤 플랫폼을 사용할지 선택하는 메뉴가 있습니다.

hexo는 옵션에 없기 때문에, 맨 밑에 있는
I don't see my platform listed, install manually with Universal Code 옵션을 선택합니다.



![Screenshot from 2020-03-16 21-55-36](/home/dhkang/Pictures/Screenshot from 2020-03-16 21-55-36.png)



Installation 가이드가 나오는데,, 다 넘어가고, 맨밑에 Configure 버튼을 누르고 진행합니다.


![Screenshot from 2020-03-16 22-16-14](/home/dhkang/Pictures/Screenshot from 2020-03-16 22-16-14.png)


새로운 창으로 넘어가고, 몇가지 필드들을 추가해 줘야 하는 부분이 나옵니다.

Website URL에 블로그 주소를 풀로 적어줍니다. http://djnagojeng-e.github.io로 적어줬습니다.

![Screenshot from 2020-03-16 22-19-26](/home/dhkang/Pictures/Screenshot from 2020-03-16 22-19-26.png)



다 적어 놨으면, Complete Setup버튼을 눌러서 설정 완료를 해줍니다.


셋업이 완료되었다는 페이지가 뜹니다.

![Screenshot from 2020-03-16 22-29-12](/home/dhkang/Pictures/Screenshot from 2020-03-16 22-29-12.png)


설정된 Disqus를 블로그에 적용하기


테마 next/ _config.yml 파일을 열어서, Disqus 항목을 설정해 줍니다.


shortname은, 웹사이트 생성시 입력했던website name 을 입력합니다.

저는 djangojeng-e로 입력합니다.


1
2
3
4
5
6
7
8

# Disqus
disqus:
enable: true
shortname: djangojeng-e
count: true
lazylaod: false
#post_meta_order: 0

윗 부분 수정을 완료했으면, 저장하고 나옵니다.

적용 후 deploy 하기


블로그의 루트 디렉토리로 가서 , 아래 명령어들을 차례대로 입력해 줍니다.


1
2
3
hexo clean && hexo generate 

hexo deploy

마치며..

각 포스트의 하단에, 댓글을 달고 지울수 있는, Disqus영역이 나오고.

댓글을 달고 지울수 있습니다. 한번 확인 하러 갑니다 ㅎㅎ