Rumah  >  Artikel  >  alat pembangunan  >  Cara menggunakan GitHub untuk mencipta dan memaparkan demo

Cara menggunakan GitHub untuk mencipta dan memaparkan demo

PHPz
PHPzasal
2023-04-06 08:51:25960semak imbas

GitHub ialah platform pengehosan kod sumber terbuka yang sangat popular yang membolehkan pembangun berkongsi dan bekerjasama untuk membantu mempercepatkan proses pembangunan perisian. Di GitHub, anda boleh menemui sejumlah besar projek sumber terbuka, mempelajari dan menerokai kod pembangun lain serta mencipta projek anda sendiri dan bekerjasama dengan orang lain. Dalam artikel ini, kita akan membincangkan cara menggunakan GitHub untuk membuat dan memaparkan demo.

  1. Buat akaun GitHub

Mula-mula, anda perlu membuat akaun GitHub. Jika anda sudah mempunyai akaun, anda boleh melangkau terus ke langkah seterusnya. Jika anda belum berbuat demikian, sila pergi ke laman web rasmi GitHub https://github.com/, klik butang "Daftar", isi maklumat yang berkaitan dan buat akaun.

  1. Buat Repositori

Pada GitHub, setiap projek dipanggil "Repositori". Untuk membuat demo anda, anda perlu mencipta Repositori baharu. Untuk membuat Repositori, log masuk ke akaun GitHub anda, klik tanda tambah di penjuru kanan sebelah atas, dan pilih "Repositori Baharu".

Dalam halaman "Buat repositori baharu", masukkan nama dan perihalan Repositori, pilih gudang awam atau persendirian (diperlukan pembayaran), dan kemudian klik butang "Buat Repositori" untuk menciptanya dengan jayanya.

  1. Tambah Kod

Sekarang, anda perlu menambah kod anda pada Repositori. Anda boleh memuat naik fail terus dari komputer setempat anda, gunakan alat baris arahan Git untuk memuat naik kod, atau gunakan editor web dalam GitHub. Di sini kami mengambil mencipta demo Hello World yang mudah sebagai contoh.

Mula-mula buat folder bernama "helloworld" secara setempat dan buat fail bernama "index.html". Berikut ialah kandungan kod fail:

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

</body>
</html>

Kemudian muat naik folder ini ke GitHub. Buka baris arahan atau terminal secara setempat dan masukkan arahan berikut:

cd helloworld
git init
git add .
git commit -m "Initial commit"
git remote add origin [YOUR_REPOSITORY_URL]
git push -u origin master

Dalam arahan di atas, "cd helloworld" akan menukar direktori semasa anda kepada folder "helloworld", dan "git init" akan berubah folder Tukar kepada repositori git, "git add ." akan menambah semua kod anda ke repositori git tempatan, "git commit -m" Initial commit "" akan melakukan perubahan ini kepada repositori git tempatan, "git remote add origin [ YOUR_REPOSITORY_URL]" akan Gudang tempatan dipautkan ke gudang jauh, dan akhirnya "git push -u origin master" menolak kandungan ke cawangan induk.

  1. Buat cawangan gh-pages

Selepas mencipta repositori, kami perlu mencipta cawangan bernama "gh-pages", yang akan digunakan untuk memaparkan Demo kami . Untuk membuat cawangan, buka Repositori, klik "Branch: master", masukkan "gh-pages" dan buat cawangan baharu.

  1. Tambah halaman web Demo

Sekarang, kami perlu menambah halaman web dalam cawangan "gh-pages" untuk memaparkan Demo kami. Mula-mula, buat folder baharu dalam cawangan dan namakan semula folder itu kepada "dokumen". Kemudian, salin fail demo anda ke dalam folder "docs" dan tukar nama fail kepada "index.html".

Seterusnya, kita perlu menjadikan folder "docs" dalam cawangan "gh-pages" sebagai halaman lalai yang dipaparkan. Dalam halaman tetapan Repositori, cari pilihan "Halaman GitHub", tukar pilihan Sumber kepada "Folder cawangan/dokumen induk", dan klik butang "Simpan". Tunggu sebentar dan Demo anda akan dipaparkan pada Halaman GitHub.

  1. Kongsi Demo anda

Sekarang, anda telah berjaya mencipta Demo di GitHub dan memaparkannya. Seterusnya, anda boleh mempamerkan demo anda dengan berkongsi pautan kepadanya dengan orang lain. Anda boleh melakukan ini dengan menyalin pautan ke "Halaman GitHub" anda dalam halaman Repositori.

Ringkasan:

Melalui pengenalan artikel ini, kami mempelajari cara memaparkan Demo anda di GitHub dan berkongsi pautan ke Demo dengan orang lain. Sama ada anda seorang pembangun baru atau profesional yang berpengalaman, menggunakan GitHub boleh mempercepatkan proses pembangunan anda dan menjadikan kod anda lebih profesional dan lebih mudah untuk diselenggara. Semoga artikel ini dapat membantu anda mempamerkan demo anda dan mula bekerjasama di GitHub.

Atas ialah kandungan terperinci Cara menggunakan GitHub untuk mencipta dan memaparkan demo. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn