Tips Mudah Membuat Website Pribadimu dengan Github Pages dan Bootstrap

Figure 1: Github Pages!

Tidak sedikit orang ingin menampilkan karya terbaiknya untuk ditunjukkan pada dunia. Salah satu alternatif terbaik adalah memajang portofolio dan curriculum vitae di website pribadi. Masalahnya, seringkali biaya sewa hosting dan domain menjadi hambatan, apalagi jika uang saku pas-pasan

Namun, tidak perlu khawatir, ada alternatif yang dapat kita gunakan secara gratis, yakni Github Pages.

Apa sih sebenarnya Github Pages itu? Github Pages merupakan layanan dari github (sebuah platform berbagi kode program) yang berguna untuk meng-host halaman statis web. Halaman statis merupakan halaman web yang di dalamnya tidak memerlukan server-side code (seperti PHP, Python, dll.). namun, cukup dengan client-side language (seperti HTML, CSS, Javascript, Markdown, dll.) Github pages dapat menampilkan website pribadi kita lengkap dengan alamat cantiknya!

Jika muncul keluhan seperti “Tapi aku sama sekali tidak bisa coding!”, Tenang saja, ada bootsnipp.com sebagai page builder online yang bisa digunakan untuk menghasilkan static page. Nah, dengan menggunakan CSS Framework Bootstrap, dijamin website pribadimu akan tampil ciamik!

Ayo, simak tutorial di bawah ini untuk membuat lamanmu sendiri!

1. Pastikan anda sudah mempunyai akun Github

Jika belum, daftar aja, gratis kok! (selain itu cek artikel cara mendapatkan github student dev pack!)

2. Buat Repositori dengan nama <username kamu>.github.io

Figure 2 Karena saya sudah membuat, jadi merah deh

Repositori dengan nama tersebut diperlukan agar github secara otomatis mengenali bahwa kamu ingin membuat sebuah github page.

 3. Setelah itu, kunjungi situs  https://bootsnipp.com/builder

pada website tersebut, klik page builder dan mulai buat halaman statismu!

Prosesnya sangat mudah, untuk kalian yang berpengalaman menggunakan Microsoft Word pasti bisa membuatnya sendiri.

4. Jika kamu sudah merasa puas dengan bootsnipp, klik tombol download untuk mengunduh file html.

Figure 3 Coba tebak tombol download yang mana!

5. Setelah berhasil mendapat file html nya, upload file tersebut ke repositori github yang telah dibuat!

Caranya cukup mudah, masuk ke akun github kamu dan halaman repository dengan akhiran github.io, lalu klik add file dan upload files.

6. Setelah upload file html, tunggu sejenak dan lihat hasilnya!

Kunjungi alamat <usernamemu>.github.io pada browser kesayanganmu, hore! Kamu sudah punya website pribadi! Pamerkan karya dan prestasimu, tunjukkan siapa dirimu, dan make yourself worth!

Penulis: Muhammad Noor Fakhruzzaman, S.Kom., M.Sc.

Sumber: 

 

Share:

Share on facebook
Facebook
Share on twitter
Twitter
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on email
Email
Share on linkedin
LinkedIn

Related Posts