GitHub Pages adalah cara yang bagus untuk membuat situs pribadi Anda sendiri dari awal. Ini sepenuhnya gratis dan hanya membutuhkan akun GitHub. Namun, perhatikan bahwa GitHub Pages tidak menawarkan desain yang paling ramah pengguna untuk membuat situs web (tidak seperti Wix atau Squarespace), tetapi ini adalah cara yang bagus untuk mendapatkan pengalaman dengan HTML/CSS/JS dan semua elemen situs web. Artikel wikiHow ini akan menunjukkan kepada Anda cara memulai.
Langkah
Langkah 1. Daftarkan akun di GitHub, jika Anda belum memilikinya
Sebelum Anda dapat membuat situs web Anda sendiri di halaman GitHub, Anda harus membuat akun di GitHub. Jika Anda sudah memiliki akun di GitHub, pastikan untuk login. Keduanya dapat diakses dari toolbar kanan atas.
Langkah 2. Buat repositori di GitHub.
Pastikan untuk memberi nama repositori "[nama pengguna GitHub Anda di sini].github.io". Ini akan menginisialisasi situs web GitHub Anda.
Metode 1 dari 2: Menggunakan Editor Kode
Langkah 1. Unduh desktop GitHub, jika Anda belum menginstalnya
Menginstal desktop GitHub semudah membuka https://desktop.github.com/ dan mengklik tombol "Unduh" ungu besar. Kemudian jalankan penginstal. Ini diperlukan untuk mendorong perubahan ke repositori Anda.
Langkah 2. Instal editor kode
Anda memerlukannya untuk mendapatkan penyorotan sintaks di GitHub. Pilihan populer termasuk Atom, Visual Studio Code, Sublime Text, dan Notepad++, karena kaya fitur dan nuansa minimalis. Setelah menginstal editor kode, Anda siap untuk memulai.
Langkah 3. Buat file bernama "index.html"
Anda dapat melakukannya di editor kode atau online. Anda juga dapat pergi ke lokasi repositori Anda di hard drive Anda dan membuat file "index.html" di folder repositori di drive Anda.
Langkah 4. Tambahkan HTML Anda
Anda perlu mempelajari HTML agar dapat membuat kode halaman web dasar. Ini juga akan berguna bagi Anda untuk mempelajari CSS dan JavaScript sehingga Anda dapat menambahkan gaya dan fungsionalitas ke halaman web Anda.
Ingatlah untuk menyimpan file
Langkah 5. Lakukan perubahan
Kembali ke desktop GitHub dan klik tombol biru Komit ke master. Kemudian klik Dorong Asal. Ini akan mengunggah perubahan ke GitHub.
Jika Anda berencana untuk membuat lebih banyak perubahan, Anda juga ingin menarik asalnya. Klik tombol Tarik asal di desktop GitHub untuk mengunduh komit terbaru ke mesin Anda
Langkah 6. Lihat halaman web Anda
Buka "[nama pengguna GitHub Anda di sini].github.io" di browser web. Anda mungkin perlu melewati cache browser dengan menahan Ctrl atau Command sambil mengeklik tombol segarkan untuk melihat halaman web baru.
Metode 2 dari 2: Menggunakan GitHub Online
Langkah 1. Buat file bernama "index.html"
Klik Tambah file lalu klik Buat file baru. Ini akan membuka editor file. Tambahkan "index.html" ke bidang "Beri nama file Anda".
Langkah 2. Tambahkan HTML Anda
Anda perlu mempelajari HTML agar dapat membuat kode halaman web dasar. Ini juga akan berguna bagi Anda untuk mempelajari CSS dan JavaScript sehingga Anda dapat menambahkan gaya dan fungsionalitas ke halaman web Anda.
Ingatlah untuk menyimpan file
Langkah 3. Lakukan perubahan
Klik tombol hijau Komit file baru untuk menyimpan file ke GitHub.
Langkah 4. Lihat halaman web Anda
Buka "[nama pengguna GitHub Anda di sini].github.io" di browser web. Anda mungkin perlu melewati cache browser dengan menahan Ctrl atau Command sambil mengeklik tombol segarkan untuk melihat halaman web baru.
Tips
- Untuk menambahkan subhalaman, cukup buat folder baru di GitHub dan tambahkan file "index.html" ke dalam folder itu.
- Jika Anda mendaftarkan nama domain, Anda dapat meminta Halaman GitHub menggunakan nama domain tersebut alih-alih default.
- Repositori halaman GitHub harus bersifat publik, kecuali jika Anda memiliki akun premium.