Rumah > alat pembangunan > git > Cara menggunakan Halaman GitHub untuk membina tapak web dan blog peribadi

Cara menggunakan Halaman GitHub untuk membina tapak web dan blog peribadi

PHPz
Lepaskan: 2023-04-06 14:04:34
asal
986 orang telah melayarinya

GitHub Pages ialah perkhidmatan pengehosan tapak web statik percuma yang disediakan oleh github Ia boleh mengehoskan Markdown, HTML, CSS, JavaScript atau fail statik lain ke dalam akaun Halaman GitHub anda. Ia menyokong pelbagai nama domain tersuai dan tema, serasi dengan Jekyll, dan juga boleh menyesuaikan 404 halaman, dsb. Ia sangat fleksibel dan berkuasa. Oleh itu, adalah lebih popular untuk menggunakan Halaman GitHub untuk membina laman web dan blog peribadi.

1. Daftar akaun Github

Pertama sekali, anda perlu mempunyai akaun github Anda boleh mendaftar melalui laman web rasmi Github https://github.com/ tidak akan diterangkan secara terperinci.

2. Cipta repositori

Buat repositori GitHub baharu dengan "nama pengguna.github.io" sebagai nama repositori. Pada masa ini, nama repositori mestilah username.github.io, dengan nama pengguna ialah nama pengguna GitHub anda.

Jika anda ingin menggunakan nama domain tersuai, jangan gunakan kaedah ini untuk membuat gudang Anda boleh membuat gudang tambahan dengan nama domain tersuai.

3. Muat naik fail tapak web

Gunakan alat git untuk mengklon, kemudian buat dan muat naik tapak web statik anda di gudang tempatan.

Buat fail baharu bernama "index.html" dalam direktori tempatan dan tulis kod HTML tapak web peribadi anda dalam fail.

Anda boleh memasukkan arahan berikut untuk memulakan gudang:

$ cd /path/to/local/repo

$ git init

$ git add .

$ git commit -m "first commit"
Salin selepas log masuk

Seterusnya, tolak gudang terus ke GitHub.

$ git remote add origin https://github.com/username/username.github.io.git

$ git push -u origin master
Salin selepas log masuk

Selepas muat naik selesai, anda boleh melihat tapak web peribadi anda di https://username.github.io/ URL ini juga merupakan alamat penerbitan untuk semua tapak web peribadi anda pada masa hadapan anda Apabila anda mengemas kini tapak web anda, pelawat anda akan melihat kandungan terkini di tapak web anda.

Jika anda ingin menggunakan nama domain tersuai, anda perlu mengisi nama domain berdaftar anda dalam "Tetapan"->"Domain tersuai" GitHub, dan kemudian sediakan resolusi nama domain dalam DNS.

4. Gunakan tema Jekyll

Jekyll ialah penjana laman web statik lalai untuk Halaman GitHub. Ia percuma, sumber terbuka dan serasi dengan kebanyakan tema.

Mula-mula, anda perlu memasang bahasa Ruby pada komputer tempatan anda, dan kemudian masukkan arahan berikut dalam baris arahan:

$ gem install jekyll bundler
Salin selepas log masuk

Seterusnya, klonkan tema Jekyll ke komputer tempatan , dan kemudian gantikan kandungan fail di dalamnya, Muat naik ke repositori Halaman GitHub.

$ git clone https://github.com/the-name-of-the-Jekyll-theme.git

$ cd the-name-of-the-Jekyll-theme

$ bundle install

$ jekyll serve
Salin selepas log masuk

Pada ketika ini, anda boleh melihat tapak web peribadi anda dalam penyemak imbas komputer tempatan anda, dan kemudian menolak tema terus ke GitHub, dan tema akan digunakan pada tapak web anda.

5 Ringkasan

Membina laman web dan blog peribadi melalui Halaman GitHub membolehkan kami mengekspresikan diri dengan lebih baik, dan juga menyediakan kami platform untuk pembelajaran dan komunikasi, yang penting untuk pembangunan dan kerja peribadi. Semuanya sangat membantu. Ini hanyalah pengenalan ringkas Lebih banyak fungsi dan kegunaan perlu diterokai dan dipelajari sendiri.

Atas ialah kandungan terperinci Cara menggunakan Halaman GitHub untuk membina tapak web dan blog peribadi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan