Sebelum kita mulai
Persyaratan Teknis: Dalam panduan ini Anda akan mengedit konten tema situs web! Anda harus memiliki pengetahuan HTML untuk dapat melakukannya.
Persyaratan Opsional: Jika Anda ingin mengedit gaya tema Anda (warna, font, dll.), Anda harus memiliki pengetahuan CSS yang berfungsi - ini tidak diperlukan jika Anda puas dengan desain default dari tema yang Anda pilih.
pengantar
GitHub Pages adalah cara terbaik untuk mendapatkan situs web sederhana dan statis yang diterbitkan secara online - terutama ketika Anda menggunakan tema yang telah dirancang dari Mulai Bootstrap! Ada banyak manfaat memiliki kode Anda di GitHub, tetapi untuk tujuan panduan ini, bonus utamanya adalah Anda dapat meng-host situs web statis secara gratis! Jadi mari kita mulai!
Langkah 1: Buat akun GitHub
Hal pertama yang pertama, karena Anda membuat situs web menggunakan Halaman GitHub, Anda akan memerlukan akun GitHub jika Anda belum memilikinya. Untuk melakukan ini, buka saja https://github.com dan daftarkan akun - gratis!
Langkah 2: Unduh GitHub Desktop
Banyak orang menggunakan terminal mereka untuk mendorong dan menarik file ke dan dari GitHub, tetapi karena ini adalah panduan tingkat pemula kita akan menggunakan klien desktop GitHub yang sangat berguna alih-alih terminal. GitHub Desktop juga gratis untuk diunduh, dan tersedia di https://desktop.github.com/ . Setelah mengunduh dan menginstal, buka GitHub Desktop dan masuk menggunakan kredensial akun GitHub Anda.
Langkah 3: Pilih tema
Sekarang kami memiliki akun GitHub dan klien desktop yang diinstal, sekarang saatnya untuk memilih tema! Anda dapat menelusuri tema Bootstrap yang telah dirancang sebelumnya di https://startbootstrap.com/themes untuk memulai. Setelah Anda memilih tema yang sesuai dengan kebutuhan Anda, kami perlu membuat salinan tema dengan 'forking' repositori.
Langkah 4: Garpu tema Anda
Dari halaman ikhtisar tema dari tema yang Anda pilih, klik tombol 'Lihat di GitHub' yang tepat di bawah tombol unduh dan pratinjau langsung di bilah sisi kanan - Anda dapat melihat contoh di bawah ini di halaman ringkasan tema resume .
Setelah Anda berada di GitHub, Anda harus mengeklik tombol 'Fork' di bagian paling atas layar, yang akan membuat salinan repositori di bawah akun Anda - ditunjukkan di bawah ini.
Pada titik ini, Anda dapat mengubah nama repositori - misalnya - jika Anda memotong 'startbootstrap-resume' Anda bisa mengubahnya ke 'my-resume' jika Anda mau. Anda dapat melakukan ini di bawah pengaturan repositori Anda.
Setelah repositori Anda bercabang dua, Anda harus mengkloningnya ke mesin lokal Anda.
Langkah 5: Kloning tema Anda
Mengkloning sebuah tema itu mudah di GitHub. Setelah Anda bercabang tema yang Anda pilih, pergi ke repositori dan klik pada tombol hijau 'Klon atau Unduh' dan pilih 'Buka di Desktop' - ditunjukkan di bawah ini.
Ini akan membuka aplikasi GitHub Desktop Anda dan meminta Anda untuk mengkloning file repositori ke folder di PC Anda. Setelah file berada di mesin lokal Anda, Anda akan dapat mengeditnya.
Langkah 6: Ubah tema Anda
Setelah tema berjalan secara lokal, saatnya untuk mengedit. Pada titik ini, cukup buka file HTML tema di editor kode favorit Anda dan modifikasi kontennya. Untuk pemula, yang perlu Anda lakukan adalah mengedit konten dalam file HTML. Jika Anda ingin melakukan sesuatu seperti mengubah warna tema, Anda harus memiliki pengetahuan tentang CSS. Setelah selesai mengedit, sekarang saatnya untuk menerbitkan!
Langkah 7: Berkomitmen dan dorong file yang dimodifikasi
Sekarang buka aplikasi GitHub Desktop. Karena Anda mengedit beberapa file secara lokal, program akan mendeteksi file yang telah berubah. Saatnya untuk mendorong perubahan ini ke GitHub. Cukup masukkan pesan komit di kotak yang disediakan (di bagian kiri bawah aplikasi), dan deskripsi jika Anda ingin, lalu klik 'Komit untuk menguasai' - yang ditunjukkan di bawah ini.
Ini belum mendorong perubahan ke GitHub! Untuk melakukan itu, Anda harus mengklik 'Push origin' di bagian atas layar - ditunjukkan di bawah ini.
Sekarang, jika Anda pergi ke repositori Anda di GitHub, Anda akan melihat bahwa perubahan telah dilakukan! Buka repositori Anda di situs web GitHub dan verifikasi bahwa perubahan telah dilakukan pada repositori. Pada cabang repositori Anda, Anda akan melihat pesan komit dengan cap waktu pada file yang telah berubah.
Langkah 8: Gabungkan file yang dimodifikasi ke cabang gh-halaman
Perubahan Anda telah dilakukan dan didorong ke cabang master dari repositori Anda, tetapi saat menggunakan halaman GitHub, file-file di cabang gh-halaman adalah yang di-host. Itu berarti kita perlu menggabungkan file yang dimodifikasi dari cabang master ke cabang halaman gh!
Menggabungkan cabang master Anda ke halaman gh membutuhkan beberapa langkah. Pertama, Anda harus pergi ke repo Anda dan klik tombol 'Permintaan tarik baru' - pastikan cabang master Anda dipilih!
Setelah ini, karena kami bercabang tema dari tempat lain, Anda akan ingin memastikan repositori dasar adalah repositori Anda sendiri, bukan yang dari Mulai Bootstrap. Untuk melakukan ini, ubah repositori dasar pada dropdown yang disediakan untuk nama pengguna / repositori.
Setelah Anda mengatur repositori dasar ke akun Anda sendiri, Anda akan memiliki opsi untuk mengatur cabang dasar untuk permintaan penarikan ini. Menggunakan dropdown, pastikan repositori dasar diatur ke halaman gh. Ini akan membandingkan cabang master dengan cabang halaman gh.
Pada titik ini, Anda akan melihat pesan komit dan ringkasan file yang akan digabungkan. Klik pada 'Buat permintaan tarik' - terlihat di bawah.
Terakhir, Anda harus mengeklik 'Gabungkan permintaan tarik' dan kemudian 'Konfirmasikan penggabungan' untuk menyelesaikan penggabungan.
Jika semuanya berjalan sesuai rencana, cabang gh-pages sekarang akan identik dengan cabang master, dan GitHub Pages akan menyajikan file Anda ke situs web yang terletak di username.github.io/repository-name. Ingatlah bahwa mungkin perlu beberapa menit agar perubahan dapat ditayangkan saat server mengejar ketinggalan. Berikan waktu, dan periksa untuk memastikan situs web Anda aktif setelah beberapa menit!
Detil tambahan
Jika Anda ingin memperbarui situs web Anda, gunakan saja panduan yang sama dan ulangi langkah 6-8. Anda akan membuat perubahan secara lokal, mendorong perubahan ke cabang master pada repositori GitHub Anda, dan kemudian menggabungkan cabang master ke cabang halaman gh!
Jika Anda ingin menggunakan domain khusus untuk situs web Anda, Anda juga dapat mengaturnya dengan halaman GitHub. Anda perlu membeli domain dari penyedia nama domain, dan kemudian mengarahkan domain ke server nama GitHub. GitHub memiliki beberapa dokumentasi praktis tentang cara melakukan ini di halaman pengaturan domain khusus mereka!
Itu dia! Anda sekarang memiliki situs web online dengan hosting gratis berkat halaman GitHub! Terima kasih telah membaca tutorial pemula Start Bootstrap ini! Pastikan untuk berlangganan milis kami dan ikuti Mulai Bootstrap di Twitter untuk panduan baru, tema terbaru, dan lebih banyak lagi konten terkait Bootstrap!
Tidak ada komentar
Posting Komentar