Cara membuat website di GitHub pages gratis

Pernahkan anda melihat website dengan sub domain .github.io ? Misalnya seperti masandri.github.io untuk anda yang belum mengetahuinya itu adalah GitHub Pages. Pada tutorial kali ini, saya akan memberikan penjelasan mengenai cara membuat Website dengan Hosting Gratis di GitHub Pages.


GitHub Pages adalab layanan hosting website gratis yang dapat digunakan untuk meng-hosting website ataupun project anda. GitHub Pages dapat anda manfaatkan juga untuk membuat sebuah website pribadi. Tetapi GitHub Pages hanya mendukung website yang bersifat statis saja. GitHub Pages ini dapat digunakan untuk akun personal ataupun akun organisasi.

Cara membuat website dengan Hosting Gratis di GitHub Pages

Pendahuluan

Untuk mengikuti tutorial ini, pastikan anda telah memiliki akun GitHub. jika belum, anda dapat membuatnya secara gratis melalui tautan disini.

Kemudian pastikan juga anda telah men-install Git pada pc anda agar kita dapat mengakses repository GitHub melalui Git terminal. Untuk mendownload-nya, silahkan klik tautan berikut. Selain menggunakan Git terminal, anda juga bisa menggunakan Git for PC .tetapi, pada tutorial kali ini saya hanya akan menggunakan Git Terminal.

Jika anda tidak mengerti tentang HTML ataupun cara membuat website, anda tidak perlu khawatir, anda dapat membuat website dengan cara yang cukup mudah.

Terdapat 2 cara yang dapat digunakan untuk mengisi konten pada website yang akan kita buat dalam tutorial ini. Pertama, untuk anda yang tidak mengerti cara membuat website, anda dapat menggunakan fitur Automatic Page Generator. Kedua, Untuk anda yang sudah paham dengan HTML dan lain sebagainya, anda dapat membuat website-nya sendiri ataupun dengan menggunakan berbagai macam pilihan template yang tersedia di internet, seperti template HTML yang dibuat menggunakan Bootstrap.


Membuat Repository Baru

Silahkan login kedalam https://github.com/ menggunakan akun yang telah anda buat sebelumnya. Kemudian buat repository baru dengan cara klik New repository

Gambar 1

Kemudian isikan nama repository dengan format username.github.io, Ganti username tersebut dengan username (personal ataupun organisasi) anda misalkan. masandri.github.io Tambahkan sedikit deskripsi sesuai dengan keinginan anda. Jika sudah, klik Create repository

Gambar 2

Apabila repository anda berhasil dibuat, tampilannya akan seperti gambar di bawah ini. 
Gambar 3

Cara 1 : menggunakan Automatic Page Generator 

Untuk anda yang tidak mengerti cara membuat website anda dapat menggunakan fitur Automatic Page Generator. Dengan menggunakan fitur tersebut, anda tidak perlu berhadapan dengan script/ kode HTML cukup fokus pada pengisian kontennya saja. Berikut penjelasannya.

Setelah tampilan anda seperti pada gambar 3, klik setting Scroll ke bagian bawah dan cari Tab GitHub Pages. Jika sudah ketemu, silahkan Launch automatic page generator.

Gambar 4

Selanjutnya anda akan diarahkan pada sebuah halaman seperti text editor yang yang dapat anda gunakan untuk mengisi konten dari website yang anda akan buat. Anda dapat menggunakan text editor tersebut seperti menggunakan Microsoft Word. Hanya saja, pilihan untuk melakukan formattig-nya lebih terbatas.
Gambar 5

Saya asumsikan anda telah membuat beberapa tulisan untuk ditampilkan, atau jika belum biarkan saja secara default dan anda dapat mengubahnya nanti. Jika sudah, klik Continue to layouts untuk memilih tema yang sudah disediakan. Anda akan mendapatkan beberapa tema yang dapat digunakan untuk website yang sudah dibuat. Klik edit untuk kembali kehalaman sebelumnya atau klik Publish page untuk men-publish website tersebut.
Gambar 6

Apabila telah selesai, anda akan kembali diarahkan ke halaman repository anda. Dan pastikan dapat notifikasi bahwa situs anda sudah berhasil dibuat.

Untuk melakukan editing, anda dapat kembali ke menu Setting dan Klik launch automatic page generator

Cara 2 : upload Kode / Script website


Cara kedua ini dapat digunakan jika anda sekalian sudah membuat website dengan cara coding sendiri ataupun menggunakan template yang tersedia gratis di internet. Berikut penjelasannya

Setelah anda membuat repository baru seperti pada gambar 3, klik icon Copy to clipboard pada bagian Quick setup.

Gambar 8

Selanjutnya buka folder tempat anda akan menyimpan project anda yang ingin di upload misalkan c:/xampp/htdocs. Klik kanan pada daerah kosong kemudian pilih Git bash here
Gambar 9

Jika Git terminal sudah terbuka, silahkan ketikan perintah dibawah ini, kemudian enter.

git clone https://github.com/masandriorg/masandri.org.github.io.git
jika berhasil, pada C:/xampp/htdocs terdapat folder baru dengan nama 
masandriorg.github.io

Silahkan pindahkan semua file project website yang telah anda buat kedalam folder baru tersebut. Kemudian, ketikan perintah-perintah di bawah ini lalu enter.

cd username.github.io

 Ganti username dengan username anda, misalkan :

cd masandriorg.github.io

 Lanjutkan dengan perintah dibawah ini, kemudian enter.

git status

 Kemudian, ketik perintah dibawah ini kemudian enter

git add

 Jika masih terdapat warning, silahkan ulangi perintah di atas sekali lagi.

git commit -m "Initial commit" 

 git push origin master

 Jika sudah silahkan, silahkan refresh halaman utama repository anda. Untuk memastikan website anda sudah ter-publish, klik setting dan pastikan anda mendapatkan notifikasi pada tab GitHub pages seperti gambar di bawah ini.

Gambar 10

Untuk anda yang menggunakan cara pertama, anda dapat mengikuti cara kedua untuk melakukan editing website secara manual ataupun menggantinya dengan project buatan anda sendiri.

Seperti yang sudah dijelaskan pada awal artikel, GitHub pages hanya terbatas untuk pembuatan website statis yang artinya tidak dapat digunakan untuk membuat website yang dapat mengelola data seperti CRUD ( Create, Read, Update, Delete).

Jadi itulah penjelasan mengenai cara membuat website dengan Hosting gratis dari GitHub pages. Jika anda mengalami kesulitan, jangan sungkan untuk menanyakan kepada kami melalui komentar di akhir artikel. Semoga artikel ini bermanfaat. Terima kasih

No comments:

Powered by Blogger.