Cara Membuat Laman Web di Halaman GitHub: 12 Langkah (dengan Gambar)

Isi kandungan:

Cara Membuat Laman Web di Halaman GitHub: 12 Langkah (dengan Gambar)
Cara Membuat Laman Web di Halaman GitHub: 12 Langkah (dengan Gambar)

Video: Cara Membuat Laman Web di Halaman GitHub: 12 Langkah (dengan Gambar)

Video: Cara Membuat Laman Web di Halaman GitHub: 12 Langkah (dengan Gambar)
Video: MEMBAKAR MATAHARI (1981) FULL MOVIE HD 2024, Mungkin
Anonim

GitHub Pages adalah kaedah terbaik untuk membuat laman web peribadi anda dari awal. Ia adalah percuma dan hanya memerlukan akaun GitHub. Namun, perhatikan bahawa Halaman GitHub tidak menawarkan reka bentuk yang paling mesra pengguna untuk membuat laman web (tidak seperti Wix atau Squarespace), tetapi ia adalah cara yang baik untuk memperoleh pengalaman dengan HTML / CSS / JS dan semua elemen laman web. WikiHow ini akan menunjukkan kepada anda cara memulakannya.

Langkah-langkah

Buat Laman Web di Halaman GitHub Langkah 1
Buat Laman Web di Halaman GitHub Langkah 1

Langkah 1. Daftarkan akaun di GitHub, jika anda belum memilikinya

Sebelum anda dapat membuat laman web anda sendiri di halaman GitHub, anda perlu membuat akaun di GitHub. Sekiranya anda sudah mempunyai akaun di GitHub, pastikan anda log masuk. Kedua-duanya boleh diakses dari bar alat kanan atas.

Buat Laman Web di Halaman GitHub Langkah 2
Buat Laman Web di Halaman GitHub Langkah 2

Langkah 2. Buat repositori di GitHub.

Pastikan beri nama repositori "[nama pengguna GitHub anda di sini].github.io". Ini akan memulakan laman web GitHub anda.

Kaedah 1 dari 2: Menggunakan Penyunting Kod

Buat Laman Web di Halaman GitHub Langkah 3
Buat Laman Web di Halaman GitHub Langkah 3

Langkah 1. Muat turun desktop GitHub, jika anda belum memasangnya

Memasang desktop GitHub semudah pergi ke https://desktop.github.com/ dan mengklik butang "Muat turun" ungu besar. Kemudian jalankan pemasang. Ini diperlukan untuk mendorong perubahan pada repositori anda.

Buat Laman Web di Halaman GitHub Langkah 4
Buat Laman Web di Halaman GitHub Langkah 4

Langkah 2. Pasang editor kod

Anda memerlukannya untuk mendapatkan sorotan sintaks di GitHub. Pilihan yang popular termasuk Atom, Visual Studio Code, Sublime Text, dan Notepad ++, memandangkan nuansa mereka yang kaya dengan ciri dan minimalis. Setelah memasang editor kod, anda sudah bersedia untuk memulakan.

Buat Laman Web di Halaman GitHub Langkah 5
Buat Laman Web di Halaman GitHub Langkah 5

Langkah 3. Buat fail yang dipanggil "index.html"

Anda boleh melakukannya di editor kod anda atau dalam talian. Anda juga boleh pergi ke lokasi repositori pada cakera keras anda dan membuat fail "index.html" di folder repositori pada pemacu anda.

Buat Laman Web di Halaman GitHub Langkah 6
Buat Laman Web di Halaman GitHub Langkah 6

Langkah 4. Tambahkan HTML anda

Anda perlu mempelajari HTML agar dapat membuat kod halaman web asas. Ia juga berguna bagi anda untuk mempelajari CSS dan JavaScript sehingga anda dapat menambahkan gaya dan fungsi ke laman web anda.

Ingatlah untuk menyimpan fail

Buat Laman Web di Halaman GitHub Langkah 7
Buat Laman Web di Halaman GitHub Langkah 7

Langkah 5. Lakukan perubahan

Kembali ke desktop GitHub dan klik pada butang Commit to master biru. Kemudian klik pada Push Origin. Ini akan memuat naik perubahan ke GitHub.

Sekiranya anda merancang untuk membuat lebih banyak perubahan, anda juga ingin menarik asal. Klik pada butang Tarik asal di desktop GitHub untuk memuat turun komit terbaru ke mesin anda

Buat Laman Web di Halaman GitHub Langkah 8
Buat Laman Web di Halaman GitHub Langkah 8

Langkah 6. Lihat laman web anda

Pergi ke "[nama pengguna GitHub anda di sini].github.io" dalam penyemak imbas web. Anda mungkin perlu memintas cache penyemak imbas anda dengan menahan Ctrl atau ⌘ Command sambil mengklik butang muat semula untuk melihat halaman web baru.

Kaedah 2 dari 2: Menggunakan GitHub Dalam Talian

Buat Laman Web di Halaman GitHub Langkah 9
Buat Laman Web di Halaman GitHub Langkah 9

Langkah 1. Buat fail yang dipanggil "index.html"

Klik Tambah fail kemudian klik Buat fail baru. Ini akan membuka penyunting fail. Tambahkan "index.html" ke medan "Namakan fail anda".

Buat Laman Web di Halaman GitHub Langkah 10
Buat Laman Web di Halaman GitHub Langkah 10

Langkah 2. Tambahkan HTML anda

Anda perlu mempelajari HTML agar dapat membuat kod halaman web asas. Ia juga berguna bagi anda untuk mempelajari CSS dan JavaScript sehingga anda dapat menambahkan gaya dan fungsi ke laman web anda.

Ingatlah untuk menyimpan fail

Buat Laman Web di Halaman GitHub Langkah 11
Buat Laman Web di Halaman GitHub Langkah 11

Langkah 3. Lakukan perubahan

Klik pada butang fail baru Komit hijau untuk menyimpan fail ke GitHub.

Buat Laman Web di Halaman GitHub Langkah 12
Buat Laman Web di Halaman GitHub Langkah 12

Langkah 4. Lihat laman web anda

Pergi ke "[nama pengguna GitHub anda di sini].github.io" dalam penyemak imbas web. Anda mungkin perlu memintas cache penyemak imbas anda dengan menahan Ctrl atau ⌘ Command sambil mengklik butang muat semula untuk melihat halaman web baru.

Petua

  • Untuk menambahkan sub halaman, cukup buat folder baru di GitHub dan tambahkan fail "index.html" ke dalam folder tersebut.
  • Sekiranya anda mendaftarkan nama domain, anda boleh meminta Halaman GitHub menggunakan nama domain tersebut dan bukan lalai.
  • Repositori halaman GitHub mestilah terbuka, kecuali jika anda mempunyai akaun premium.

Disyorkan: