December 25, 2022
Sebelum masuk ke pembahasan Cara Menambahkan GitHub Readme Stats di Halaman Profil GitHub terlebih dahulu kita harus mengetahui apa itu GitHub, Markdown File, repositori profil dan README.md, serta GitHub Readme Stats
GitHub atau lebih tepatnya github.com adalah sebuah website penyedia layanan berbasis cloud yang digunakan untuk menyimpan, mengelola, mengontrol perbuhan, serta mendokumentasikan kode. GitHub dibagun atas dua prinsip utama, yakni Git dan Version Control sehingga memudahkan penggunanya tak hanya untuk mengontrol perubahan, tetapi juga untuk berkolaborasi.
Nah, bagi yang belum tahu-menahu mengenai Git dan Version Control, kalian bisa membaca about-nya di laman resmi git.
Markdown adalah lightweight markup language (bahasa markup ringan) untuk formatting text menggunakan plain-text-editor. Markdown dirancang agar bisa dikonversi menjadi HTML dan banyak format lainnya menggunakan tools serupa.
Di GitHub sendiri format Markdown digunakan secara luas untuk file readme yang berfungsi sebagai dokumentasi penggunaan suatu repositori. Kalian bisa membaca dokumentasi penggunaan Markdown di sini.
Repositori spesial atau special repository adalah repositori yang mana file readme.md-nya akan dimunculkan setiap kali halaman publik profil user ditampilkan. Alamat dari repositori ini adalah github.com/username/username.
GitHub Readme Stats adalah sebuah projek yang digunakan untuk menghasilkan statistik GitHub secara dinamis yang dikhususkan di file readme. Projek ini digagas oleh seorang programmer front-end asal India yang bernama Anurag Hazra. Kalian bisa mengunjungi profil Github-nya atau langsung mencari tahu project-nya.
Berikut ini contoh-contoh statistik yang dapat kalian buat menggunakan projek ini.
GitHub Stats Card: Menampilkan statistik dari akun GitHub.
GitHub Extra Pins: Menyematkan repositori tertentu.
Top Languages Card: Menampilkan statistik dari bahasa yang paling banyak digunakan.
Wakatime Week Stats: Menampilkan aktivitas dari akun GitHub dalam satu minggu.
Pada dasarnya GitHub Readme Stats adalah sebuah gambar, karena itulah ada dua cara utama untuk menambahkannya ke dalam file markdown. Yang pertama adalah dengan menggunakan basic syntax dari markdown dan yang kedua adalah dengan menggunakan tag HTML.
Namun, sebelum itu kita perlu tahu terlebih dahulu mengenai link yang digunakan untuk memanggil masing-masing statistik dinamis.
Contoh Kode:
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra"/>
Hasil
Akhir Kata
Jika kalian sudah paham basic dari penggunaan projek ini maka langkah selanjutnya adalah melakukan kustomisasi seperti menambahkan tema berbeda, menghilangkan border, dan lain sebagainya. Ya, untuk itu kalian langsung saja melihat dokumentasinya di sini.