jQCloud를 이용하여 Hugo 사이트에 Tag Cloud 추가하기

이 글은 Hugo 기반 Blog에서 jQuery 기반 Word Cloud 라이브러인 jQCloud를 이용하여 Tag Cloud를 만드는 방법에 대하여 설명한다.

tag cloud

jQCloud의 js 파일을 <head> 내에 위치하도록 아래 코드를 추가한다.

head.html

jQCloud의 stylesheet 파일을 <head> 내에 위치하도록 아래 코드를 추가한다.

head.html

Tag Cloud가 위치할 자리에 다음 코드를 추가한다.

widthheight는 페이지 크기에 맞게 조절한다.

위 코드가 추가된 파일 마지막에 다음 코드를 추가한다.

크리에이티브 커먼즈 라이선스
이 저작물은 크리에이티브 커먼즈 저작자표시 4.0 국제 라이선스 에 따라 이용할 수 있습니다.

Share