[GithubPages] 5. Jekyll Hits 사용하여 조회수 표기법
in Git
설치 환경 : Mac
기본 설정
저는 khw11044님의 포스팅과 chatGPT와 진행하였습니다.
또한 저는 html이 아닌 markdown파일로 진행하였습니다.
1. Hits 사용법
Hits의 사용방법
사용 예
2. Post내에 넣기
post 파일내에 해당 hits를 작성하면,
이렇게 노출이 됩니다. 너무 예쁘지 않으니 꾸며보는 시간을 가져보아요.
3. Hits 꾸미기
Hits 꾸미기 사이트로 이동하여 원하는 아이콘과 색상 등을 수정해봅니다.
- 원하는 아이콘과 색상 등을 수정하고, markdown 코드를 복사하여 post내에 넣어줍니다.
- 저는 링크가 생기는게 싫어서 코드를 수정하였습니다.
수정 전
[](https://hits.seeyoufarm.com)
수정 후
4. 개별 조회수로 노출되게 변경하기
위에 단계까지는 개별 포스트의 조회수가 아닌 종합의 조회수가 노출됩니다.
제가 원하는 것으로 개별 포스트의 조회수로 코드를 수정하였습니다.
url=https%3A%2F%2Fgithub.com%2Fmaryk22%2Fmaryk22.github.io 뒤 {{ page.url }} 이부분을 추가하여 넣었습니다.
이부분은 해당 페이지 url에 들어왔을경우에 조회수를 체크해주는 것 입니다.
5. Include 하기
매번 저 긴 코드를 넣기가 그래서 Include하는 방법을 찾아보았습니다.
다만 저는 _layer폴더 자체가 없어서 html로 한번에 하는 방법을 모르겠어서 다른방법으로 하였습니다.
만약 다른 좋은 방법을 알고 계신다면 메일이나, 댓글로 부탁드립니다!
- _includes 폴더 내 hits.md 파일 생성
- 해당 코드를 넣어주기
- 원하는 포스트.md파일에 include 시켜주기
{% include hits.md %}
이렇게 github blog 내 조회수 넣기 완료하였습니다.
