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

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가 위치할 자리에 다음 코드를 추가한다.

width 와 height는 페이지 크기에 맞게 조절한다.

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