Menyesuaikan Situs Halaman GitHub Anda

GitHub Pages adalah solusi utama dan sederhana untuk meng-host situs web langsung dari repositori GitHub Anda. GitHub Pages memungkinkan Anda meng-host situs web langsung dari repositori Anda, menjadikannya pilihan yang sangat baik untuk portofolio pribadi, situs dokumentasi proyek, atau bahkan blog sederhana. Menyesuaikan untuk membuat situs unik milik Anda dapat membantu membedakan Anda dari pesaing. Dalam artikel ini, kita akan mempelajari cara membuat situs GitHub Pages Anda terlihat seperti Anda dan melakukan apa yang Anda inginkan.

Memulai dengan Halaman GitHub

Pertama-tama, buat repositori GitHub dengan halaman GitHub, sebelum mulai melakukan penyesuaian. Berikut panduan penyiapan cepat:

1. Buat atau Pilih Repositori: Di akun GitHub Anda, buat repositori baru atau pilih repositori yang sudah ada.

2. Aktifkan Halaman GitHub:

Buka pengaturan repositori Anda.
Gulir hingga bagian “Halaman”.
Kemudian Anda memilih cabang dan folder (misal: main dan /root atau /docs) untuk sumbernya.
Klik “Simpan” untuk mengaktifkan Halaman GitHub.

3. Mengakses Situs Anda: Setelah diaktifkan, situs Anda akan dapat diakses di https://<username>.github.io/<repository>.

sumber: ycflame.com

Memilih Tema

Halaman GitHub memiliki beberapa tema prasetel yang dapat dengan mudah diterapkan:

1. Menerapkan Tema yang Telah Ditetapkan:

Di pengaturan repositori Anda di bawah bagian “Halaman”, klik “Ubah tema.”
Klik pada tema dari daftar dan pilih “Pilih tema.”

2. Menyesuaikan Tema:

Edit berkas _config.yml Anda, Anda harus mengganti beberapa pengaturan spesifik di tema Anda. Sebagai contoh:

theme: minima
title: My Custom Site
description: A site customized to perfection.

Menggunakan Tema Khusus

Jika tema bawaan tidak sesuai dengan kebutuhan Anda, Anda dapat menerapkan tema kustom:

1. Atau Temukan Tema: Jelajahi repositori tema populer seperti Tema Jekyll atau Contoh Halaman GitHub.

2. Tambahkan Tema:

Unduh repositori tema menggunakan klon atau unduh.
Sekarang salin berkas tema ke repositori GitHub Pages Anda.
Perbarui file _config. yml untuk menyesuaikan dengan kebutuhan konfigurasi tema.

Menambahkan css dan javascript khusus

Untuk kontrol yang lebih baik, Anda dapat menyisipkan file CSS dan JavaScript Anda sendiri:

1. Buat Direktori Aset: Di repositori Anda, buat folder bernama aset dan buat sub folder css dan js.

2. Menambahkan berkas khusus:

Di dalam aset/css/style, tambahkan gaya CSS Anda. css.
Letakkan logika JavaScript Anda di aset/js/script. js.

3. Tautkan File di Tata Letak Anda:

Perbarui berkas HTML atau tata letak untuk merender berkas kustom Anda:

<link rel="stylesheet" href="/assets/css/style.css">
<script src="/assets/js/script.js"></script>

Meningkatkan Konten dengan Plugin

Halaman GitHub mendukung seperangkat plugin Jekyll yang terbatas. Untuk menggunakannya:

1. Perbarui _config.yml: Tambahkan plugin yang didukung ke file konfigurasi Anda. Sebagai contoh:

plugins:
- jekyll-feed
- jekyll-seo-tag

2. Menyesuaikan Perilaku Plugin: Lihat dokumentasi plugin untuk mengetahui opsi penyesuaian yang tersedia.

Personalisasi dengan Domain Khusus dan HTTPS

Gunakan domain khusus untuk membuat situs Anda lebih profesional:

1. Konfigurasikan Domain Anda:

Daftarkan nama domain Anda
Perbarui pengaturan DNS Anda untuk mengarahkan ke Halaman GitHub.

2. Perbarui Repositori Anda:

Buat file bernama CNAME di repositori Anda dengan file ini hanya berisi nama domain khusus Anda.
GitHub akan secara otomatis menyediakan HTTPS untuk situs Anda.

Panduan untuk pengguna Power

Tata Letak Khusus: Menambahkan atau mengedit file tata letak di direktori _layouts untuk tampilan unik pada setiap halaman.
Gunakan Penurunan Harga untuk Konten: Merender file Markdown sebagai konten dan menyesuaikan bagaimana _includes dirender.
Bereksperimen secara lokal: Anda dapat menggunakan Jekyll untuk melihat pratinjau situs Anda secara lokal sehingga Anda dapat mencoba-coba perubahan sebelum mendorongnya.

Kesimpulan

Menyesuaikan situs GitHub Pages Anda memungkinkan Anda untuk membuat kehadiran web yang unik dan profesional. Dengan memilih tema, menambahkan CSS dan JavaScript kustom, dan mengonfigurasi pengaya, Anda bisa membuat situs Anda menonjol. Baik untuk memamerkan proyek, membuat blog, atau menghosting dokumentasi, fleksibilitas GitHub Pages menjadikannya pilihan utama bagi para pengembang dan pekerja kreatif. Mulailah menyesuaikan hari ini dan wujudkan visi Anda!

Kembali ke>>>> Menerapkan Situs Web Pertama Anda dengan Halaman GitHub