Bagaimana saya bisa menerbitkan situs web html saya secara gratis?

Ada konfigurasi yang rumit, panel kontrol yang membingungkan, dan situs hosting situs web gratis yang tampak teduh (kecuali jika Anda tidak keberatan menghabiskan banyak uang setiap bulan untuk layanan hosting web berbayar dan terkelola)

Untungnya, itu semua berubah dengan munculnya layanan hosting situs statis gratis dan sederhana seperti GitHub Pages. Dalam artikel ini, kita akan melihat betapa mudahnya menyiapkan Halaman Github dan menggunakannya untuk menghosting situs web secara gratis

Pada akhir artikel ini, Anda akan memiliki situs web pertama Anda yang aktif di internet yang dapat Anda bagikan dengan siapa saja yang memiliki koneksi internet. Kami telah membagi panduan kami menjadi empat langkah sederhana

Prasyarat

Sebelum kita mulai, kita perlu memiliki beberapa hal yang berguna

1. Halaman web yang dapat kami unggah ke GitHub. Jika Anda tidak memilikinya, atau jika Anda tidak tahu cara membuatnya, Anda dapat mempelajari cara memulainya dalam video ini dari pengembang web internal kami, Abhishek

2. Alamat email untuk menyiapkan akun GitHub Anda

Punya semua yang Anda butuhkan?

Host situs web langkah 1. Buat akun GitHub

Pertama-tama, Anda memerlukan akun GitHub. Jika Anda hanya menyiapkannya, penting untuk memberi perhatian khusus pada bidang nama pengguna

Ini akan tercermin di url situs web Anda, jadi pilih sesuatu yang ingin Anda bagikan dengan lingkaran Anda (misalnya, jika Anda memilih "johndoe", situs web Anda akan ditayangkan di johndoe. github. io)

Pilih paket gratis, yang kami butuhkan untuk menghosting situs web kami. Setelah langkah ini, Anda akan mendapatkan survei kecil yang dapat Anda pilih untuk diisi

Jika semuanya berjalan lancar, Anda akan dialihkan ke dasbor dan akan diminta untuk memverifikasi alamat email Anda. Anda dapat melakukannya dari klien email Anda. Misalnya, seperti inilah tampilan email di Gmail

Setelah Anda mengklik tombol verifikasi alamat email, Anda akan diberi tahu bahwa konfirmasi email Anda telah berhasil. Lanjutkan ke langkah kedua

Menghosting situs web langkah 2. Buat repositori kode

Pada titik ini, Anda dapat mulai membuat sesuatu yang disebut "repositori kode". Tentu, ini terdengar sangat teknis tetapi berarti proyek kode. Anda dapat mempelajari tentang repositori dan perbedaan Git dan GitHub dalam panduan kami

Situs web kami, beserta semua filenya, adalah contoh proyek kode, dan kami akan membuat repositori untuknya di GitHub—atau, dalam istilah yang lebih sederhana, kami akan mengunggah proyek situs web kami ke GitHub. Jika Anda tidak dapat menemukan halaman untuk membuat proyek GitHub baru, klik berikut ini. Buat repositori GitHub baru

Beginilah tampilan halaman untuk membuat repositori baru

Ini sesuatu yang penting. Nama repositori (Bidang 'Nama repositori') harus sama persis dengan nama pengguna yang Anda pilih saat mendaftar ke GitHub, diikuti dengan ". github. io”

Jadi jika Anda memilih nama pengguna "johndoe", nama repositori harus "johndoe. github. io” di sini. Dalam kasus kami, kami memilih "githubpages-testing-cf", jadi kami akan menamai repositori sebagai "githubpages-testing-cf. github. io”

Simpan sebagai publik dan klik tombol "Buat repositori".

Host situs web langkah 3. Unggah file situs web Anda ke repositori kode Anda

Setelah membuat repositori kode Anda, sekarang Anda dapat mengunggah file situs web Anda

Jangan terintimidasi oleh semua detailnya; . Temukan "unggah file yang ada" (di bagian "Pengaturan cepat", tepat di bawah tempat Anda melihat nama repositori) dan klik

Di halaman ini, seret dan lepas semua file dari folder proyek Anda. Jika Anda mengambil kursus singkat pengembangan web, ini adalah folder yang kami beri nama "portofolio"

Setelah file Anda diunggah dan dicantumkan, gulir ke bawah dan tambahkan "pesan komit" yang merupakan pesan yang menjelaskan tindakan Anda

Dalam kasus kami, kami menambahkan file proyek kami, jadi kami akan menulis sesuatu seperti "file proyek tambahan"

Setelah selesai, klik "Komitkan perubahan" dan GitHub akan membawa Anda ke beranda repositori

Jika Anda melihat ini, selamat. Anda telah berhasil memposting proyek Anda ke GitHub. Situs web Anda sekarang aktif—tetapi bagaimana Anda melihatnya secara online?

Host situs web langkah 4. Lihat situs web Anda secara online

Untuk melihat situs web Anda yang baru diterbitkan, buka tab baru di browser Anda dan masukkan alamat https. //nama pengguna Anda. github. io, mengganti nama pengguna Anda dengan nama pengguna GitHub Anda yang sebenarnya; . //johndoe. github. io

Nama pengguna akun pengujian kami adalah githubpages-testing-cf, jadi kami akan mengetikkan https. //github halaman-pengujian-cf. github. io ke bilah alamat browser dan tekan enter

Tadaa

Situs web portofolio yang kami buat dari awal dalam kursus singkat pengembangan web kami sekarang aktif di Internet. Kami dapat membagikan alamat yang kami ketik di browser dengan siapa saja yang memiliki akses internet dan mereka dapat mengunjungi situs web kami. Bukankah itu benar-benar ajaib?

Ringkasan

Kerja yang baik. Anda telah memulai dengan baik di dunia pengembangan web yang indah dengan menerbitkan situs web portofolio pertama Anda. Jika Anda membutuhkan lebih banyak inspirasi untuk menatanya, kami telah mengumpulkan banyak tip dan situs web portofolio pengembangan web dalam panduan ini

Bagian terbaik? . Setiap kali Anda melihat kembali situs web pertama Anda, Anda akan diingatkan tentang awal perjalanan Anda saat Anda bergerak maju menuju tantangan yang semakin menarik di dunia baru yang Anda temukan ini.

Bagaimana cara membuat situs web HTML saya menjadi publik?

Bagaimana cara memublikasikan situs web HTML saya di Google secara gratis?

Bisakah saya menghosting situs web saya sendiri secara gratis?