cara hosting website ke github

Persyaratan untuk Menghosting Situs Web di GitHub

Sebelum Anda dapat menghosting situs web di GitHub, ada persyaratan tertentu yang harus Anda penuhi. Cara-cara tersebut cukup mudah, tetapi tanpanya, Anda tidak akan bisa meng-hosting situs Anda dengan lancar di GitHub.

💻 Buat akun GitHub Anda

cara menghosting situs web di github pada tahun 2023 [langkah demi langkah]

Hal pertama yang perlu Anda lakukan adalah membuat akun GitHub Anda sendiri. Untuk melakukannya, kunjungi situs web GitHub, masukkan alamat email Anda dan semua informasi lain yang diperlukan, dan selesai. Proses pendaftaran tidak akan memakan waktu lebih dari beberapa menit, dan setelah selesai, Anda dapat memulai.

📩 Unduh perangkat lunak Git

Meskipun Anda dapat melakukan semuanya melalui situs resmi GitHub, seluruh prosesnya akan lebih mudah jika Anda menginstal perangkat lunak Git dan GitHub di komputer Anda.

💡 Memiliki pengetahuan dasar tentang HTML, JavaScript, dan CSS

Persyaratan utama terakhir untuk hosting GitHub adalah pengetahuan dasar HTML, JavaScript, dan CSS. Saat mengembangkan atau menghosting situs web, Anda perlu mempelajari kodenya, meskipun itu agar Anda memahami tulang punggung situs web dan cara kerjanya sebenarnya. Dan itulah semua persyaratan yang Anda perlukan untuk memulai hosting GitHub. Jika Anda mencentang ketiga kotak tersebut, saatnya melanjutkan ke langkah berikutnya, yaitu membuat repositori baru.

Membuat Repositori

Repositori GitHub Anda (juga dikenal sebagai “repo”) bertindak sebagai ruang penyimpanan pada platform GitHub tempat semua kode sumber, file, dan dokumentasi proyek Anda akan dihosting. Berikut adalah proses langkah demi langkah untuk membuat repositori baru di GitHub:

Buka GitHub di desktop Anda
Di sudut atas halaman mana pun dan pilih ikon “baru”.
Pada menu tarik-turun, pilih opsi “repositori baru”.
Dari sana, Anda akan diarahkan ke halaman baru tempat Anda dapat memberi nama repositori
Setelah memberi nama repositori, klik opsi “buat repositori” untuk mulai membuat repositori baru

Setelah Anda selesai membuat repositori, Anda akan dibawa ke halaman baru. Halaman baru ini akan menjadi “halaman beranda” repositori Anda, dan akan terlihat seperti ini:

Sekali lagi, repositori GitHub Anda adalah tempat utama di mana Anda dapat menyimpan file dan folder situs web Anda. Jadi, saat Anda membuat repositori baru, semuanya akan kosong, dan Anda tidak bisa berbuat banyak dengannya. Namun sebelum Anda dapat mulai mengunggah file situs web, yang terbaik adalah membuat folder tempat Anda dapat menyimpan file situs web dan mengkloning repositori Anda ke dalam folder proyek lokal. Dengan begitu, Anda memiliki cadangan serta folder untuk menyimpan file Anda.

Untuk membuat folder kosong baru di repositori Anda, Anda harus membuka baris perintah dan mengetikkan perintah berikut:

“$ mkdir situs web saya”

Baris kode ini akan membuat folder baru di repositori Anda. Kemudian, Anda dapat membuka kembali baris perintah dan memasukkan kode ini untuk mengkloning folder:

“$ git clone https://github.com/[nama pengguna]/[nama pengguna].github.io”

Perhatikan bahwa di baris kode ini, Anda harus mengubah bagian [nama pengguna] dengan nama pengguna Anda di GitHub agar berfungsi. Saat Anda memasukkan kode, GitHub akan mengirimkan prompt yang mengatakan bahwa Anda sedang mengkloning repositori kosong. Jangan khawatir tentang ini; repositori yang kosong karena Anda belum menambahkan file apa pun ke platform.

Setelah Anda membuat folder, Anda dapat mulai mengunggah file situs web Anda. Dan jangan khawatir, kami akan membahasnya secara lengkap di bagian selanjutnya.

Everhour adalah pilihan utama untuk usaha kecil dan tim kecil hingga menengah yang beranggotakan 5 hingga 50 orang, termasuk profesional seperti pengembang perangkat lunak, pemasar, desainer, konsultan, pengacara, apa saja!

Terintegrasi secara mulus dengan alat manajemen proyek populer seperti Asana, Trello, dan Jira, antarmuka yang ramah pengguna dan laporan yang dapat disesuaikan menjadikannya solusi pelacakan waktu terbaik untuk tim skala kecil dan menengah.

Dengan dukungan khusus yang memastikan Anda menerima bantuan tepat waktu, tim kami siap membantu Anda dengan cepat dan sambil tersenyum!

Mengunggah File Situs Web

Langkah selanjutnya dalam proses upload file website Anda ke repositori yang baru Anda buat di GitHub. Jika Anda terbiasa dengan pengkodean dasar, mengunggah file situs web Anda akan mudah. Namun, karena kami di sini untuk memandu Anda melalui proses hosting web GitHub, mari kita lihat contohnya.

Untuk contoh ini, kita akan menggunakan kode HTML di sistem Unix untuk fokus pada file index.html. Sangat penting untuk memiliki file indeks saat menggunakan GitHub dan untuk melakukannya, Anda harus membuka baris perintah dan memasukkan yang berikut ini:

“$ sentuh indeks.html”

Dari sana, Anda dapat memasukkan kode berikut ke dalam file index.html.

“<!DOCTYPE HTML>

<title>Situs Web Saya [Nama situs web]</title>

</kepala>

<tubuh>

<utama>

<h1>Selamat Datang di Situs Web Saya [Nama situs web]</h1>

<p>Ini adalah situs web baru saya yang dihosting di Halaman GitHub!</p>

</utama>

</tubuh>

</html>”

Pastikan untuk mengubah bagian “Situs Web Saya” menjadi nama sebenarnya situs web Anda. Dengan begitu, Anda membuat file hasil personalisasi yang khusus untuk halaman Anda. Selain itu, jangan ragu untuk menambahkan informasi lain yang Anda perlukan di halaman utama Anda, biasanya ditemukan dalam file index.html.

Selain itu, jika file Anda kurang dari 25MB, Anda dapat menarik dan melepas file yang ingin Anda tambahkan ke repositori. Ini adalah proses yang sangat sederhana yang tidak memakan waktu sama sekali. Inilah sebabnya mengapa ini adalah salah satu cara paling populer untuk mulai menambahkan file ke folder repositori GitHub.

Jika Anda ingin mengupload file yang lebih besar dari 25MB, bisa saja. Namun batas maksimum di GitHub adalah file 100 MB. Dan untuk file yang lebih besar dari 25MB, Anda perlu menggunakan baris perintah untuk mengunggahnya.

Berikut langkah-langkah yang perlu Anda ambil untuk mengunggah file yang lebih besar di GitHub menggunakan baris perintah.

Mulailah dengan masuk ke komputer Anda dan pindahkan file yang ingin Anda unggah ke direktori lokal GitHub
Buka konsol yang berfungsi
Pastikan direktori kerja Anda saat ini adalah repositori lokal Anda
Gunakan perintah “$ git add” untuk menampilkan file yang akan dikomit di repositori lokal Anda
Masukkan “$ git commit -m “Tambahkan file yang ada” untuk mengkomit file yang dipentaskan di repositori Anda
Masukkan “$ git push origin YOUR_BRANCH” untuk mendorong perubahan dan mengunggah file

Jika Anda melakukan kesalahan dalam proses staging, Anda dapat membatalkan staging file melalui perintah “$ git push origin YOUR_BRANCH”. Dan jika Anda ingin menghapus komit dan memodifikasi file terlebih dahulu, masukkan “'git reset –soft HEAD~1' dan komit dan tambahkan file lagi.” Kemudian, modifikasi file dan tambahkan lagi dengan mengikuti langkah di atas.

Saat menghosting situs web di GitHub, Anda mungkin harus mengunggah banyak file berbeda untuk situs web Anda. Ini baik-baik saja, mengingat itulah cara kerja GitHub. Namun, Anda harus mempelajari beberapa teknik berbeda untuk mengunggah file berbeda.

Untungnya, ada berbagai panduan yang tersedia untuk mengunggah jenis file tertentu ke dalam repositori GitHub Anda. Dan setelah Anda menguasainya, yakinlah bahwa Anda akan mulai mengunggah semua file yang Anda perlukan ke repositori GitHub Anda dalam waktu singkat.

Mengonfigurasi Halaman GitHub

Aspek berikutnya dari proses hosting situs GitHub adalah mengonfigurasi halaman web Anda. Saat membuka repositori GitHub, Anda harus memilih sumber penerbitan untuk situs web Anda. Penting untuk menyiapkan sumber penerbitan ini sebelum Anda melakukan hal lain. Setelah Anda memutuskan dan menyelesaikan sumber penerbitan untuk halaman Anda, Anda dapat menggunakan langkah-langkah berikut untuk mengonfigurasi halaman GitHub Anda.

📁 Buat file entri situs Anda

Sebelum sesuatu dapat dipublikasikan di GitHub, Anda harus memiliki file entri. Jika Anda mengikuti panduan kami langkah demi langkah, Anda seharusnya sudah memilikinya karena index.html dihitung sebagai file entri. Jika Anda tidak memilikinya atau tidak ingin menggunakan index.html sebagai file entri, Anda juga dapat menggunakan file index.md atau README.md. Namun untuk proses yang lebih sederhana, tetap gunakan index.html sebagai file entri Anda.

🔧 Konfigurasikan sumber penerbitan Anda

Ada beberapa pendekatan untuk mengonfigurasi sumber penerbitan Anda di platform hosting gratis GitHub. Namun, cara paling sederhana adalah dengan mempublikasikan situs web Anda dari cabang. Untuk melakukannya, ikuti beberapa langkah berikut:

Buka repositori situs web
Klik ikon pengaturan, lalu lanjutkan ke Kode dan Otomatisasi > Halaman
Di bawah opsi Build and Deployment , lanjutkan ke Source > Deploy dari cabang
Gunakan menu drop-down untuk memilih sumber penerbitan halaman Anda
Simpan sumber penerbitan Anda

Setelah Anda melakukan ini, sumber penerbitan Anda di GitHub akan ditetapkan, dan sebagian besar situs web Anda akan dikonfigurasi. Setelah Anda mengaktifkan halaman GitHub dan memilih sumber untuk situs web Anda, sekarang saatnya untuk mulai menyesuaikannya.

Anda juga dapat menonton video ini untuk mempelajari lebih lanjut tentang topik ini.

Menyesuaikan Situs Web Anda

Tujuan dari semua situs web adalah untuk menarik pengunjung dan membantu pemiliknya mencapai hasil tertentu (menghasilkan prospek, menghasilkan lebih banyak penjualan, atau lainnya). Dan meskipun Anda menghosting situs web statis di GitHub, penting untuk memiliki situs web yang menarik dan fungsional yang benar-benar disukai pengguna. Dengan begitu, situs web Anda akan membantu Anda mencapai tujuan Anda lebih cepat.

Oleh karena itu, karena setiap situs web memiliki serangkaian sasaran dan audiens yang unik, menyesuaikannya agar sesuai bagi pengguna akhir dan untuk mencapai tujuan yang perlu dicapai sangatlah penting. Dan sama seperti semua proses lain yang terlibat dalam hosting situs web GitHub Anda sendiri, menyesuaikan situs web Anda juga relatif mudah dilakukan.

Jika Anda ingin mempublikasikan situs web unik menggunakan GitHub, Anda dapat menyesuaikan situs web Anda menggunakan tema Jekyll . Jekyll adalah direktori pilihan berbagai tema situs web dan templat GitHub yang dapat Anda gunakan dengan GitHub untuk memudahkan pengembangan situs web Anda. Untuk memulai, Anda harus memilih tema Jekyll.

✨ Memilih dan menerapkan tema Jekyll

Di situs web, Anda akan menemukan berbagai tema gratis dan premium yang tersedia untuk digunakan. Meskipun Anda dapat memilih dan menggunakan salah satu tema yang tersedia, sebaiknya gunakan tema yang sesuai dengan tujuan, merek, dan audiens situs Anda. Jekyll memiliki tema untuk blog, bisnis, dan banyak lagi, sehingga lebih mudah untuk menemukan tema yang tepat untuk kebutuhan Anda.

Ada beberapa hal yang perlu Anda pertimbangkan, jadi jangan terburu-buru mengambil langkah ini. Luangkan waktu Anda saat memilih tema sehingga setelah Anda menjelajahi semua opsi, Anda tahu bahwa Anda telah membuat pilihan yang tepat. Setelah Anda memilih tema dari Jekyll, sangat mudah untuk menambahkan tema tersebut ke situs web GitHub Anda.

Sebelum melakukan ini, Anda harus melalui langkah-langkah yang kami sebutkan sebelumnya. Namun jika Anda telah mengikuti panduan kami setiap langkahnya, berikut cara menerapkan tema Jekyll ke situs web GitHub Anda:

Buka repositori situs web Anda di GitHub
Buka sumber penerbitan situs web Anda dan cari “_config.yml.”
Klik ikon edit di sudut kanan atas untuk meluncurkan editor file
Masuk ke repositori tema Jekyll, cari file README , dan catat nama tema Jekyll Anda
Ketik ”remote_theme: THEME-NAME” tapi ganti “THEME-NAME” dengan nama tema yang Anda temukan di file README
Tambahkan pesan komit di bagian bawah halaman yang merinci perubahan yang dilakukan pada file
Pilih alamat email komit Anda di menu tarik-turun (hanya alamat email terverifikasi yang akan muncul di menu ini)
Setelah kolom pesan komit, pilih merek tempat Anda ingin menerapkan perubahan melalui menu drop-down
Klik pada opsi Usulkan Perubahan File

GitHub adalah alat kolaborasi. Jadi, perubahan besar, seperti tema situs web, harus disetujui oleh semua kolaborator yang bekerja dengan Anda di platform. Namun setelah perubahan disetujui, Anda akan segera melihatnya diterapkan ke laman web Anda.

Meskipun demikian, meskipun tema tersebut telah diterapkan ke situs web Anda dan Anda yakin telah menemukan tema yang tepat untuk kebutuhan Anda, Anda mungkin masih ingin menyesuaikan tema tersebut untuk memastikan tema tersebut sesuai dengan merek Anda secara sempurna. Anda tidak ingin situs web Anda terlihat seperti situs lain yang menggunakan tema yang sama, jadi sedikit penyesuaian akan sangat membantu.

Inilah sebabnya salah satu persyaratan dasar kami untuk menghosting situs web GitHub adalah memiliki pengetahuan dasar CSS, HTML, atau JavaScript.

Ini karena jika Anda ingin menyesuaikan tampilan situs web Anda, termasuk tema dan parameter lainnya, Anda harus menggunakan bahasa pengkodean ini.

😎 Menyesuaikan tampilan situs web Anda

Untuk menyesuaikan tema situs web Anda menggunakan HTML, ikuti langkah-langkah di bawah ini:

Buka repositori sumber tema Anda
Buka folder _layouts dan temukan file default.html
Salin file dan lanjutkan ke sumber penerbitan Anda di repositori situs
Buat file baru bernama _layouts/default.html dan tempel semua konten yang Anda salin dari file default
Sesuaikan dan sesuaikan kode agar lebih sesuai dengan kebutuhan situs web Anda

Jika Anda ingin menggunakan CSS untuk menyesuaikan tema situs web Anda, ikuti lima langkah berikut:

Buka repositori GitHub situs Anda dan buka sumber penerbitan
Buat file baru dan beri nama /assets/css/style.scss.
Di atas file, Anda dapat menambahkan semua konten yang Anda inginkan yang sesuai dengan situs web Anda
Tambahkan impor khusus setelah baris @import pada file
Simpan semua perubahan pada tema situs web Anda dan nikmati tampilan barunya!

Penyesuaian situs web bisa memakan waktu lama, oleh karena itu penting bagi Anda untuk memahami penyesuaian yang tepat yang dibutuhkan situs web Anda. Selain itu, Anda tidak akan dapat menerapkan perubahan apa pun tanpa pengetahuan pengkodean dasar, jadi akan sangat bermanfaat jika Anda memiliki semua informasi dan pengetahuan ini sebelum mulai menghosting situs web Anda di GitHub.

Menerbitkan Situs Web

Menerbitkan situs web Anda di GitHub sangat sederhana. Untuk melakukannya, Anda harus:

Masuk ke GitHub dan di dasbor beranda Anda pilih “ Situs baru dari Git”
Buka repositori situs Anda dan atur situs penerbitan Anda
Setelah Anda mengatur dan menyimpan sumber penerbitan, situs web Anda akan online

Meskipun demikian, situs web terus berkembang dan berubah. Dan jika Anda ingin memastikan bahwa Anda selalu relevan dan selangkah lebih maju dalam persaingan, Anda harus mendorong perubahan pada situs web Anda.

Jika Anda ingin menerapkan perubahan pada situs web Anda, berikut adalah langkah-langkah untuk mencapainya:

Pilih opsi push asal yang mendorong perubahan ke repositori Anda
Dari sana, GitHub mungkin meminta Anda untuk mendapatkan komitmen baru dari jarak jauh, untuk melakukan ini, cukup klik opsi Ambil saat diminta.

Setelah itu, perubahan Anda akan diterapkan. GitHub adalah salah satu cara paling sederhana dan termudah untuk meng-host situs web di internet. Inilah sebabnya mengapa mendorong perubahan sangatlah mudah di platform ini.

Jika Anda ingin melihat situs GitHub Anda di internet, lanjutkan ke opsi halaman GitHub . Dari sana, Anda akan melihat semua halaman web dan status visibilitasnya. Pada menu tarik-turun ini, Anda juga akan melihat opsi Lihat Situs Web . Saat Anda mengklik opsi ini, Anda akan diarahkan ke halaman web yang Anda terbitkan untuk dilihat.