[fastpages] 깃블로그 방문자수 카운터 만들기

HITS를 이용해서 깃 블로그 방문자 수 카운터를 만드는 방법입니다.

 

구글에 git blog hits counter 입력합니다.

또는 https://github.com/gjbae1212/hit-counter 깃허브를 클릭합니다.

GitHub - gjbae1212/hit-counter: Easy way to know how many visitors are viewing your Github, Website, Notion.

아래와 같은 깃허브 저장소로 이동합니다

About에 연결된 링크를 통해 아래의 사이트로 이동합니다

https://hits.seeyoufarm.com/

HITS

사이트로 이동하면 아래의 TARGET URL과 OPTIONS에 정보를 입력합니다

TARGET URL은 자신의 깃허브 블로그 주소

Add Icon은 아이콘 모양

TITLE BG COLOR은 아이콘이 있는 배경색

ICON COLOR은 아이콘 색상

COUNT GB COLOR은 카운터의 배경색입니다.

선택한 후 아래를 내려보면 복사가 가능한 코드가 있습니다

마크다운과 HTML 그리고 노션에서 사용 가능한 코드들입니다.

마크다운 코드를 복사한 후 자신의 깃허브 블로그 저장소로 이동합니다

index.html에 들어가서 복사한 코드를 예시 밑에 붙여줍니다

예)

---
fastpages 코드
---
# 복사 위치
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fgjbae1212%2Fhit-counter)](https://hits.seeyoufarm.com)

복사한 코드를 위와 같이 붙여 넣은 후 commit을 합니다

그리고 몇 분 뒤 확인하면 index 화면에 카운터가 추가된 것을 확인할 수 있습니다.