LintasYogya | Cara Hosting Lewat Github
Cara Hosting Lewat Github

Cara Hosting Lewat Github

Hai, Salam Sobat Lintasyogya! Pada kesempatan kali ini, kita akan membahas tentang cara hosting lewat Github. Github adalah platform hosting yang sangat populer di kalangan developer. Dengan Github, kamu bisa membuat website statis yang bisa diakses oleh orang lain secara gratis. Yuk, simak cara-cara hosting lewat Github berikut ini!

Membuat Repository Github

Langkah pertama yang harus kamu lakukan adalah membuat repository di Github. Repository adalah tempat untuk menyimpan kode-kode website yang akan kamu buat. Berikut ini cara membuat repository di Github:

  1. Buka halaman Github dan login ke akunmu
  2. Klik tombol “New” yang berada di sebelah kanan atas halaman
  3. Isikan nama repository yang kamu inginkan
  4. Pilih “Public” atau “Private”, tergantung kebutuhanmu
  5. Centang opsi “Initialize this repository with a README” untuk membuat file README.md
  6. Klik tombol “Create repository”

Membuat Website Statik

Setelah membuat repository, langkah selanjutnya adalah membuat website statik. Website statik adalah website yang tidak memerlukan server backend, sehingga lebih mudah dan murah untuk di-hosting. Berikut ini cara membuat website statik:

  1. Buat file HTML untuk halaman utama website
  2. Buat file CSS untuk mengatur tampilan website
  3. Buat file JavaScript untuk membuat interaksi pada website
  4. Buat file-fule lain yang dibutuhkan, seperti gambar atau video
  5. Simpan semua file tersebut di dalam folder dengan nama “docs”
  6. Commit semua file tersebut ke dalam repository Github

Mengaktifkan Github Pages

Setelah membuat website statik, langkah selanjutnya adalah mengaktifkan Github Pages. Github Pages adalah fitur hosting gratis yang disediakan oleh Github untuk website statik. Berikut ini cara mengaktifkan Github Pages:

  1. Buka halaman repository Github yang telah kamu buat
  2. Klik tab “Settings”
  3. Scroll ke bawah hingga menemukan opsi “Github Pages”
  4. Pilih branch “master” atau “main” sebagai source
  5. Klik tombol “Save”
  6. Tunggu beberapa saat hingga Github Pages aktif
  7. Buka website dengan alamat “username.github.io/nama-repository”
Baca Juga :  Cara Hosting Project Laravel dengan Mudah

Menggunakan Custom Domain

Jika kamu ingin menggunakan domain kustom untuk website Github Pages, kamu bisa melakukannya dengan mudah. Berikut ini cara menggunakan custom domain:

  1. Beli domain di provider domain pilihanmu
  2. Buka halaman repository Github yang telah kamu buat
  3. Klik tab “Settings”
  4. Scroll ke bawah hingga menemukan opsi “Custom domain”
  5. Isikan nama domain kustom yang kamu beli
  6. Klik tombol “Save”
  7. Buka halaman pengaturan domain di provider domain pilihanmu
  8. Tambahkan record DNS dengan nilai “username.github.io”
  9. Tunggu beberapa saat hingga DNS terupdate
  10. Buka website dengan alamat “nama-domain-kustom.com”

Menambahkan Fitur Google Analytics

Jika kamu ingin mengetahui statistik website Github Pages, kamu bisa menambahkan fitur Google Analytics. Berikut ini cara menambahkan Google Analytics:

  1. Buat akun Google Analytics jika belum memiliki
  2. Buka halaman repository Github yang telah kamu buat
  3. Buat file baru dengan nama “analytics.html”
  4. Isikan kode tracking Google Analytics pada file “analytics.html”
  5. Simpan file “analytics.html” di dalam folder “docs”
  6. Commit file “analytics.html” ke dalam repository Github
  7. Buka halaman Google Analytics untuk melihat statistik website

Menggunakan Jekyll

Jekyll adalah platform generator website statik yang sangat populer di kalangan developer. Dengan Jekyll, kamu bisa membuat website statik dengan lebih cepat dan mudah. Berikut ini cara menggunakan Jekyll:

  1. Buka halaman repository Github yang telah kamu buat
  2. Buat file baru dengan nama “Gemfile”
  3. Isikan kode untuk menggunakan Jekyll pada file “Gemfile”
  4. Buat file baru dengan nama “index.md”
  5. Isikan kode Markdown pada file “index.md”
  6. Commit semua file tersebut ke dalam repository Github
  7. Buka website dengan alamat “username.github.io/nama-repository”

Menggunakan Hugo

Hugo adalah platform generator website statik yang mirip dengan Jekyll. Dengan Hugo, kamu juga bisa membuat website statik dengan lebih cepat dan mudah. Berikut ini cara menggunakan Hugo:

  1. Download Hugo dari situs resminya
  2. Install Hugo di komputermu
  3. Buka terminal atau command prompt
  4. Buat folder baru untuk website
  5. Masuk ke dalam folder tersebut melalui terminal atau command prompt
  6. Jalankan perintah “hugo new site nama-website”
  7. Buat file baru dengan nama “index.md”
  8. Isikan kode Markdown pada file “index.md”
  9. Jalankan perintah “hugo server” untuk melihat website secara lokal
  10. Commit semua file tersebut ke dalam repository Github
  11. Buka website dengan alamat “username.github.io/nama-repository”
Baca Juga :  Cara Beli Domain dan Hosting dengan Mudah dan Santai untuk Sobat Lintasyogya

Menggunakan Gatsby

Gatsby adalah platform generator website statik yang lebih modern dan powerful. Dengan Gatsby, kamu bisa membuat website statik dengan lebih cepat dan mudah, serta dengan performa yang lebih baik. Berikut ini cara menggunakan Gatsby:

  1. Buka terminal atau command prompt
  2. Jalankan perintah “npm install -g gatsby-cli” untuk menginstall Gatsby
  3. Buat folder baru untuk website
  4. Masuk ke dalam folder tersebut melalui terminal atau command prompt
  5. Jalankan perintah “gatsby new nama-website” untuk membuat website baru
  6. Buka folder website yang telah dibuat
  7. Buka file “gatsby-config.js” dan edit sesuai kebutuhanmu
  8. Jalankan perintah “gatsby develop” untuk melihat website secara lokal
  9. Commit semua file tersebut ke dalam repository Github
  10. Buka website dengan alamat “username.github.io/nama-repository”

Membuat Table di HTML

Table adalah salah satu elemen penting di HTML. Dengan table, kamu bisa menyajikan data dengan lebih rapi dan terstruktur. Berikut ini cara membuat table di HTML:

Nama Alamat Email
Andi Jakarta [email protected]
Budi Bandung [email protected]
Cici Surabaya [email protected]

FAQ

Berikut ini adalah beberapa pertanyaan yang sering diajukan tentang cara hosting lewat Github:

  1. Apakah Github Pages gratis?

    2. Ya, Github Pages adalah fitur hosting gratis yang disediakan oleh Github.

  2. Apa saja yang bisa di-hosting di Github Pages?

    3. Kamu bisa hosting website statik, blog, atau proyek open source di Github Pages.

  3. Apakah Github Pages bisa diakses dengan domain kustom?

    4. Ya, kamu bisa menggunakan domain kustom untuk Github Pages.

  4. Apakah Github Pages bisa dijadikan server backend?

    5. Tidak, Github Pages hanya bisa digunakan untuk hosting website statik.

  5. Apakah ada batasan ukuran file di Github Pages?

    6. Ya, maksimal ukuran file di Github Pages adalah 100MB.

Baca Juga :  Pengertian dan penjelasan google image hosting

Kesimpulan

Itulah beberapa cara hosting lewat Github yang bisa kamu coba. Github adalah platform hosting yang sangat populer dan mudah digunakan, terutama untuk website statik. Selamat mencoba dan semoga berhasil!

Terimakasih telah mengikuti info terbaru dari Lintasyogya.com dan sampai jumpa kembali di artikel atau info menarik lainnya.

Related video of Cara Hosting Lewat Github

Copyright 2024 LintasYogya