Visitor Badge untuk Website atau Github repository, dibuat dengan ❤ dan NodeJs oleh Saya.
Projek ini sangat mirip dengan projek visitor badge versi PHP saya sebelumnya, yaitu Visitor Badge.
Untuk saat ini badge yang sudah ada tersedia adalah:
- Visitor Badge
- Clones Badge
Demo Langsung:
Refresh halaman ini untuk melihat perubahan badge! Rute:
GET /badges/visitors/:username/:repo
:usernameUsername kamu (bebas, tapi disarankan menggunakan username Github):repoNama repositori, (babas, tapi disarankan menggunakan nama repo yang sudah ada di github-mu)
Query string:
| Nama | Deskripsi |
|---|---|
label |
Untuk mengganti label default (VISITOR) dengan label lainnya, misalnya label=views atau label=pengunjung |
color |
Untuk mengubah warna background badge, misalnya color=red atau color=ff0000 (mendukung hex, rgb, rgba, hsl, hsla dan nama warna css) |
style |
Untuk mengubah gaya badge, untuk nilainnya kamu bisa lihat style yang disediakan shields.io, misal style=social, dll. |
logo |
Untuk menambahkan logo pada badge, misal logo=github, untuk daftar logo kamu bisa menggunakan logo yang disediakan oleh Simple Icons |
token |
Berisi Personal Access Token untuk menyamakan visitor asli dari repositori (mengambil data views dari Github API). Lihat Panduan Penggunaan Personal Access Token |
type |
Untuk mengubah Content Type badge (default: svg), misalnya type=png untuk mengganti ke Content Type png |
Rute:
GET /badges/clones/:username/:repo/:token
:usernameUsername Github-mu.:repoNama repositori yang sudah ada di Github-mu.:tokenPersonal Access Token. Lihat Panduan Penggunaan Personal Access Token
Query string:
| Nama | Deskripsi |
|---|---|
label |
Untuk mengganti label default (VISITOR) dengan label lainnya, misalnya label=views atau label=pengunjung |
color |
Untuk mengubah warna background badge, misalnya color=red atau color=ff0000 (mendukung hex, rgb, rgba, hsl, hsla dan nama warna css) |
style |
Untuk mengubah gaya badge, untuk nilainnya kamu bisa lihat style yang disediakan shields.io, misal style=social, dll. |
logo |
Untuk menambahkan logo pada badge, misal logo=github, untuk daftar logo kamu bisa menggunakan logo yang disediakan oleh Simple Icons |
type |
Untuk mengubah Content Type badge (default: svg), misalnya type=png untuk mengganti ke Content Type png |
Personal Access Token (Token Akses Pribadi) digunakan untuk meminta data ke Github API, seperti data views, clone, dll.
Bagaimana cara membuat Token?
Untuk membuat token pribadi, kamu bisa membaca dokumentasi dari Github, yaitu Creating a personal access token atau langsung mengikuti langkah-langkah berikut.
- Verifikasi alamat email kamu, jika belum diverifikasi.
- Di sudut kanan atas halaman, klik foto profil kamu, lalu klik Settings.
- Lalu, di sidebar sebelah kiri, klik Developer settings.
- Di sidebar sebelah kiri, klik Personal access tokens.
- Klik Generate new token.
- Berikan nama pada tokenmu dengan mengisi input Note.
- Atur tanggal kadaluarsa.
- Centang scope
repo:public_repo, lalu klik Generate token - Salin token token yang telah dihasilkan, lalu gunakan sesuai pentunjuk querystring atau parameter pada badge-badge di atas.
Gambar langkah-langkah:
Terima kasih banyak untuk shields.io dan semua developer yang dependensi-nya digunakan di projek ini. 🙏🏻
Terima kasih banyak atas dukungannya.