author
Hamid Wahyudin

Membuat Website Statis Dengan Memanfaatkan Github Pages


# #

Pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat website statis dengan memanfaatkan Github Pages sebagai hosting.

Sebelum kita memulai alangkah baiknya kita berkenalan terlebih dahulu dengan Github Pages. Apa itu Github Pages ? Github Pages adalah layanan hosting situs atau website statis yang dirancang untuk menghosting halaman pribadi, organisasi, atau proyek anda langsung dari repositori Github. Layanan ini diberikan gratis oleh Github dan kita juga mendapatkan subdomain .github.io.

Bagaimana cara membuatnya ?

1. Persiapan

Pastikan anda sudah mempunyai akun Github dan telah menginstal Git pada komputer anda.

2. Membuat repositoi baru di Github

Buatlah repositori sesuai dengan username anda seperti ini username.github.io. Contohnya hmdnotes.github.io.

Repositori Github Pages

3. Clone repositori ke komputer

Clone repositori yang telah anda buat tadi dengan perintah

git clone https://github.com/username/username.github.io

anda bisa letakkan di folder mana saja.

4. Waktunya membuat halaman

Tambahkan file index.html di directory yang tadi kita cloning dari Github.

Kita isi file index.html dengan kata Hello World

5. Push ke Github

Push ke Github file yang telah kita tambahkan tadi dengan perintah.

git add --all
git commit -m "Initial commit"
git push -u origin master

6. Lihat hasilnya

Kita buka url hmdnotes.github.io atau repositori yang sudah anda buat tad, tada…website statis anda sudah jadi..

Setelah anda bisa berhasi membuat website statis di Github Pages bagaimana selanjutnya? Anda bisa memanfaatkan static web generator seprti jekyll, hugo untuk membuat website static yang keren.

Referensi: