Outline
I use Jekyll and GitHub to write this blog post. I was looking for a way to display the number of visitors on the static site like this, and I found HITS project.
- HITS: GitHub
What is HITS
HITS is originally the project to show visitors count for GitHub project.
To use HITS, visit the site below,
You can see the screen like below.
On above screen, when you insert the URL of the site,
You can get the URL like below.
[](https://hits.seeyoufarm.com)
If you insert this link to README on Github, you can display visitors count.
- Visitors count:
If you refresh, you can see the number is changed dynamically.
Jekyll blog
I use HITS to show the number of visitors on Jekyll blog.
To show visitors count like above, I use the code below on _layouts/post.html.
<img
style="width: inherit;"
src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fdev-yakuza.github.io%2F{{ page.url }}&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false"
alt="hit count image"
/>
Complete
If you use Jekyll, or static site generators for the blog, how about using HITS to show visitors count on the site?
Was my blog helpful? Please leave a comment at the bottom. it will be a great help to me!
App promotion
Deku.Deku created the applications with Flutter.If you have interested, please try to download them for free.
