5

Introducing Hit Counter for Your GitHub or Any Kind of Websites You Want

 2 years ago
source link: https://dev.to/hyesunglee/introducing-hit-counter-for-your-github-or-any-kind-of-websites-you-want-1681
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

What is Hits?

Hits is a simple and easy to use web application that counts the number of hits on your website.

If you're familiar with GitHub, you've probably already seen hit counter in the documentation on the GitHub repository:

Getting Started

Hits supports the following three of the most common use cases: Markdown, HTML and Image Link.

For example, to get a hits badge for https://github.com/silentsoft/hits:

  • Markdown 
  [![Hits](https://hits.sh/github.com/silentsoft/hits.svg)](https://hits.sh/github.com/silentsoft/hits/)

Enter fullscreen mode

Exit fullscreen mode 

  <a href="https://hits.sh/github.com/silentsoft/hits/"><img src="https://hits.sh/github.com/silentsoft/hits.svg"/></a>

Enter fullscreen mode

Exit fullscreen mode

  • Image Link 
  https://hits.sh/github.com/silentsoft/hits.svg

Enter fullscreen mode

Exit fullscreen mode

Features in Query String

  • total (default)
  • today-total

style

  • flat (default)
  • flat-square
  • for-the-badge
  • plastic

label

  • For setting the label text instead of the default hits.

extraCount

  • This is useful if you want to add an extra count to your badge. For example, if you want to add a count of 1000 to your badge, you can set extraCount=1000.

  • When Do I Need This?

    • If the hit counter service you used previously has end-of-service, you can start with any number instead of starting from 1.

color, labelColor

  • Named color by shields.io

  • Any valid CSS color

    • named color
    • hexadecimal numbers
    • rgb[a](red, green, blue[, opacity])
    • cmyk[a](cyan, magenta, yellow, black[, opacity])
    • hsl[a](hue, saturation, lightness[, opacity])

Statistics

You can see the statistics of your website by replacing the .svg with / in the URL you used to get the badge.

For example, to get a statistics for https://github.com/silentsoft/hits then visit https://hits.sh/github.com/silentsoft/hits/

Conclusion

Hits is a simple, easy to use, and free to use hit counter badge for your website.

Thank you for reading this article. If you like Hits, give it a 🌟 on GitHub.

GitHub logo silentsoft / hits

📈 Hit Counter for Your GitHub or Any Kind of Websites You Want

Getting Started

Hits supports the following three of the most common use cases: Markdown, HTML and Image Link.

For example, to get a hits badge for https://github.com/silentsoft/hits:

  • Markdown 
    [![Hits](https://hits.sh/github.com/silentsoft/hits.svg)](https://hits.sh/github.com/silentsoft/hits/)

    Enter fullscreen mode

    Exit fullscreen mode

  • HTML 
    <a href="https://hits.sh/github.com/silentsoft/hits/"><img src="https://hits.sh/github.com/silentsoft/hits.svg"/></a>

    Enter fullscreen mode

    Exit fullscreen mode

  • Image Link 
    https://hits.sh/github.com/silentsoft/hits.svg

Features in Query String

  • total (default)
  • today-total

style

  • flat (default)
  • flat-square
  • for-the-badge
  • plastic

label

  • For setting the label text instead of the default hits.

extraCount

  • This is useful if you want to add an extra count to your badge. For example, if you want to add a count of 1000 to your badge, you can set extraCount=1000.
  • When Do I Need This?
    • If the hit counter service you used previously has end-of-service, you can start with any number instead of starting from 1.

color, labelColor

  • Named color by shields.io

  • Any valid CSS…


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK