Ghost blog에 방문자수 추가하기

위와 같이 Ghost blog에 방문자수를 추가할 수 있다.
(Github Pages 등 정적인 블로그들 전부 가능)

1. 우선 아래 사이트에 접속한다.
   링크
2. 아래 그림과 같이 방문자 수를 조회할 사이트를 입력

3. 위에 Badge Preview에서 본인의 사이트에 필요한 양식의 코드를 복사한다.
4. 적당히 디자인 수정(hits 는 너무 안예쁨)
5. 아래 코드를 관리자 페이지 Code Injection에 header 부분에 추가한다.

<style>
  .visitor-badge {
    text-decoration: none;
    position: fixed; /* 화면에 고정된 위치 */
    top: 20px; /* 상단에서 20px 떨어짐 */
    right: 20px; /* 우측에서 20px 떨어짐 */
    z-index: 1000; /* 다른 요소 위에 표시되도록 z-index 설정 */
    display: inline-block;
    transition: transform 0.2s ease;
  }
  
  .visitor-badge img {
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  
  .visitor-badge:hover {
    transform: scale(1.05); /* 마우스 오버 시 살짝 커지는 효과 */
  }


  
</style>
<a href="https://myhits.vercel.app" class="visitor-badge">
  <img src="https://myhits.vercel.app/api/hit/https%3A%2F%2Fblog.ai-personalserv.com?label=Visitors&color=9b6dff&style=flat-square&logo=eye&logoColor=white" alt="Visitors" />
</a>

완성~~