cara hosting website gratis dengan github pages

Hosting website adalah cara agar website yang kita buat, bisa diakses oleh semua orang dari ujung dunia manapun. Github, platform yang dicintai para programmer sebagai tempat berkolaborasi ataupun menyimpan kode mereka juga menawarkan solusi hosting, dan yang lebih menarik tidak dikenakan biaya alias gratis :D. Batasannya sendiri hanya halaman statis yang bisa ditampilkan alias html,css dan javascript. Di tutorial ini saya asumsikan teman-teman sudah pernah #bermain dengan github, baik melalui command line ataupun aplikasi desktop sebelumnya. Kalau belum silahkan meluncur ke tutorial sekolahkoding seputar github [link]https://sekolahkoding.com/kelas/video/Simpan-project-dengan-GitHub[/link]

![](https://skspace.sgp1.digitaloceanspaces.com/forums/images/Screen Shot 2016-01-12 at 8.09.29 PM.png)

Teman teman harus sudah punya akun github sebelumnya

1. Bikin repository Bikin satu repositori baru dengan nama username.github.io, berikan deskripsi jika perlu

![](https://skspace.sgp1.digitaloceanspaces.com/forums/images/Screen Shot 2016-01-12 at 8.11.38 PM.png)

2. Clone repo Setelah membuat repositorinya, kita bisa mengclone/menyalin dengan link https/ssh yang sudah tersedia tentunya. Untuk clone sendiri, kita bisa menggunakan bantuan command line atau aplikasi desktop github yang sudah ada [link]https://desktop.github.com/[/link]

![](https://skspace.sgp1.digitaloceanspaces.com/forums/images/Screen Shot 2016-01-12 at 8.16.19 PM.png)

3. Buat templatenya Setelah menyalin repo nya ke desktop , kita bisa langsung mulai berkarya, silahkan buat file index.html di dalam folder yang baru saja kita clone dan isi sesuai yang teman-teman ingin tampilkan ke seluruh dunia :D

4. Push repo Dan tentunya tugas terakhir kita adalah kembali push atau mengupload kode yang sudah kita buat ke repo originalnya.

Dan.. simsalabim.. silahkan buka username.github.io , teman teman akan lihat hasilnya disana!

Sumber:: https://pages.github.com/ Contoh:: hilmanrdn.github.io

Silahkan dikoreksi jika ada yang salah atau kurang jelas, selamat mencoba!

Kamu mau bikin blog statis? sekarang sudah ada jekyll atau hugo

avatar hilmanski
@hilmanski

2665 Kontribusi 2131 Poin

Diperbarui 5 tahun yang lalu

21 Jawaban:

udah di coba min :D

mau tanya min, ini emang buat single page application ato bisa di buat dinamis kaya blog? baru nyoba buat profile sendiri, itu juga pake template :v

avatar Genta16
@Genta16

12 Kontribusi 4 Poin

Dipost 8 tahun yang lalu

bisa buat blog :D, ini salah satu tool populer yang orang pake https://jekyllrb.com/

avatar hilmanski
@hilmanski

2665 Kontribusi 2131 Poin

Dipost 8 tahun yang lalu

Tanggapan

hugo juga bisa

alhamdulilah, nambah ilmu baru :D terima kasih mas hilman :3

avatar kepolu
@kepolu

3 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

itukan ada SSH nya. berarti bisa jalanin nodejs juga ya?

avatar ardyhim
@ardyhim

289 Kontribusi 175 Poin

Dipost 8 tahun yang lalu

sama sama!

avatar hilmanski
@hilmanski

2665 Kontribusi 2131 Poin

Dipost 8 tahun yang lalu

ngga bisa sayangnya @ardyhim itu ssh nya cuman untuk clone/push kode nya ke github, dia ngga mendukung bahasa server, padahal lumayan kalo bisa :P

avatar hilmanski
@hilmanski

2665 Kontribusi 2131 Poin

Dipost 8 tahun yang lalu

Trimakasih mimin sekolahkoding udah share tutorial ini. Kebetulan udah saya implementasikan. monggo di cek satyakresna.github.io

avatar satyakresna
@satyakresna

82 Kontribusi 55 Poin

Dipost 8 tahun yang lalu

wah ini keren!, langsung praktek

avatar hilmanski
@hilmanski

2665 Kontribusi 2131 Poin

Dipost 8 tahun yang lalu

Pengen buat juga ah... Saran kak hilman. Kalau boleh hasil2 yang udah nyoba ditaro pejwan ya. Kan asik juga ngeliat hasil kerja teman2

avatar newbieindonesian24
@newbieindonesian24

15 Kontribusi 19 Poin

Dipost 8 tahun yang lalu

mas hilman, kata teman saya kalo me nggunakan hmtl css dan js harus diubah kejekyll dulu ya..?

avatar syarif04
@syarif04

20 Kontribusi 5 Poin

Dipost 8 tahun yang lalu

kalo sekedar html css js biasa, ngga perlu bisa lansgung. Kalau mau bikim blog baru pake jekyll

avatar hilmanski
@hilmanski

2665 Kontribusi 2131 Poin

Dipost 8 tahun yang lalu

sip sip sip

avatar superadmin
@superadmin

0 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

wah, banyak kali ilmunya,.. ngakhabis habis

avatar mazchoirul
@mazchoirul

0 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

hmm agak kurang mengerti mas kalau bisa request bentu video :D , keren dah web dummynya

avatar kewanarab
@kewanarab

22 Kontribusi 4 Poin

Dipost 7 tahun yang lalu

bisa pake dibuat website dinamis ngga, bang? Misal ada html, css, php+SQL?

avatar ahmad98afandi
@ahmad98afandi

6 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

@ahmad98afandi: Sepertinya gak bisa bro kalau bikin website dinamis di hosting github

avatar abimanyuu17
@abimanyuu17

23 Kontribusi 8 Poin

Dipost 7 tahun yang lalu

makasih bang hilman, bermanfaat buat ngetes project, sayangnya abis nyoba postingannya ngga ke inject sama search engine, mungkin ada caranya tapi belum tau bang, insyaallah kalau nemu caranya bisa ngeshare buat teman" sekolahkoding juga

avatar Alan13
@Alan13

1 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

om @hilman , mau tanya dong. OOT . kmaren liat Tutorial Laravel 5.3 nya disitu om nulis2 kota sukabumi. om hilman tau bgt sukabumi atau asli dari sana. atau punya mantan orang sukabumi. :v wkwk. ditunggu balasannya om

avatar tarikhagustia
@tarikhagustia

4 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

kok 404 ya ? padahal udah ngikutin dengan benar

avatar ekopras18
@ekopras18

10 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

om masih bingung saya, ini kan saya mau upload folder latihan saya kan , lha kok gagal melulu, karena saya masih bingung langkah kedua, tolong step by step, maaf masih pemula

avatar ErwinPrasetyo
@ErwinPrasetyo

36 Kontribusi 4 Poin

Dipost 6 tahun yang lalu

Terima kasih Mas Hilman, sangat banyak membantu saya dalam belajar program, semoga ilmu nya berkah dunia akhirat, Aamiin.

avatar Tri3
@Tri3

1 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban