https://github.com/kiritaniayaka/visitcount
A simple counter for readme page or webpage. (Deployed on Vercel. Written in TypeScript)
https://github.com/kiritaniayaka/visitcount
counter typescript vercel
Last synced: about 1 month ago
JSON representation
A simple counter for readme page or webpage. (Deployed on Vercel. Written in TypeScript)
- Host: GitHub
- URL: https://github.com/kiritaniayaka/visitcount
- Owner: KiritaniAyaka
- Created: 2022-02-19T06:27:28.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-04-30T16:05:17.000Z (about 3 years ago)
- Last Synced: 2025-07-11T21:38:18.922Z (12 months ago)
- Topics: counter, typescript, vercel
- Language: TypeScript
- Homepage: https://visit-count.vercel.app/
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VisitCount
> **Warning**
>
> The service this project depends [CountAPI](https://countapi.xyz/) is down. So it will not work again.
A simple counter for readme page or webpage.
# How to use
You need a unique `id` for your counter.
Then add markdown fragment below into your page:
```md
```
## Best Practices
### Use in README
Compose the `id` like this: `UserName.RepoName` in readme of your repository.
Or in personal Profile README, use: `UserName`
### Use in webpage
If you want to use in webpage (such as blog, etc.), you should transform the url to `id` for each different article.
Like this:
> myblog.com/article/1 => `?id=myblog.com.article.1`
>
> myblog.com/article/1 => `?id=myblog.com-article-1`
Or any transform rules you like but you should **make sure different articles use different ids and no one else use the same id as you**
# Customize
## Custom Label
```md
```
## Custom Color
```md
```
You can use hex value or color name.
## Badge Style
```md
```
# Deploy
I'm using vercel serverless **free plan** to deploy this project on [https://visit-count.vercel.app/](https://visit-count.vercel.app/) that's the link you have seen above.
If there are too many requests send to it may down. (Cause **free plan**)
So if you have a lot of demand, you can fork this repository and deploy on Vercel.
Click this button to rapid deploy:
[](https://vercel.com/new/clone?repository-url=https://github.com/KiritaniAyaka/VisitCount)
# Referenced project
The idea of this project references [jwenjian/visitor-badge](https://github.com/jwenjian/visitor-badge) .