Jekyll membina berbilang tapak web statik secara setempat. Bagaimana untuk mengkonfigurasi URL untuk mengakses tapak web tempatan yang berbeza?

🌈【Tutorial Muktamad】JekyllBerbilang menipu konfigurasi tapak web, bermain dengan lawatan tapak web yang berbeza, dan nikmatitidak terhadkeseronokan! ✨🎈

🌈 Ingin menguasai kemahiran konfigurasi pelbagai tapak Jekyll dengan mudah? di sini mempunyaiBina laman web blog statik dari awal pada komputer tempatan andaTutorial muktamad! Daripada menyediakan akses laman web yang berbeza untuk menikmati keseronokan tanpa had, panduan ini akan melakukan semuanya! Biarkan anda menjadi tuan laman web! 💥🚀

Jekyll pelbagai kaedah konfigurasi tapak web statik

编辑 _config.yml fail untuk mengkonfigurasi Jekyll.

Item konfigurasi termasuk tajuk tapak, penerangan, tema, URL, dll...

Apabila menggunakan Jekyll untuk membina berbilang tapak web secara setempat, anda boleh mengakses tapak web yang berbeza dengan cara berikut:

Gunakan nombor port yang berbeza:

• Setiap tapak web boleh dijalankan pada nombor port yang berbeza.
• Sebagai contoh, anda boleh menjalankan blog peribadi anda di pelabuhan 4001 hidup, jalankan tapak web paparan projek pada port 4002 pada.
• Dalam penyemak imbas, anda boleh mengakses tapak web yang berbeza dengan menyatakan nombor port dalam URL.
• Sebagai contoh, untuk mengakses port berjalan 4001 Di blog peribadi anda, anda boleh masuk http://localhost:4001.

Berikut ialah beberapa contoh konfigurasi khusus:

Gunakan nombor port yang berbeza:

# _config.yml 文件
port: 4001

Gunakan nama domain yang berbeza:

# _config.yml 文件
url: "http:// blog.example. com"

Urus berbilang tapak web statik Jekyll

Anda boleh membuat folder berasingan untuk setiap tapak web, menyesuaikan setiap tapak web dengan profil dan kandungan yang berbeza.

Contoh: Katakan anda ingin membuat blog peribadi dan tapak web pameran projek.

blog peribadi:

• Buat fail dipanggil blog folder.
• 在 blog folder, buat _config.yml 和 index.md fail.
• 在 _config.yml Dalam fail, konfigurasikan tajuk tapak, penerangan, dll...
• 在 _posts folder, tambah catatan blog anda.

Laman web paparan projek:

• Buat fail dipanggil portfolio folder.
• 在 portfolio folder, buat _config.yml 和 index.md fail.
• 在 _config.yml Dalam fail, konfigurasikan tajuk tapak, penerangan, dll...
• 在 _posts folder, tambah maklumat projek anda.

Laman web penerbitan:

• 在 blog folder, jalankan jekyll serve Perintah untuk menerbitkan blog peribadi.
• 在 portfolio folder, jalankan jekyll serve Laman web paparan projek keluaran arahan.
• Menggunakan Jekyll untuk membina berbilang tapak web ialah cara yang mudah dan berkesan.

Bagaimana untuk memulakan tapak web Jekyll yang dipasang secara tempatan melalui arahan?

Untuk dilancarkan melalui baris arahan yang dipasang secara tempatan d:\Jekyll\site1\ Untuk laman web Jekyll, anda boleh mengikuti langkah berikut:

1. Navigasi ke folder tapak web Jekyll:

• Buka baris arahan atau terminal.
• Navigasi ke folder laman web menggunakan arahan

cd /d d:\Jekyll\site1

2. Jalankan arahan servis jekyll:

bundle exec jekyll serve

• Perintah ini akan memulakan pelayan Jekyll dan mula mengehos tapak web anda secara tempatan.

3. Anda boleh melihat tapak web anda dengan mengakses URL berikut dalam penyemak imbas anda:

http://localhost:4001

Berikut ialah beberapa petua tambahan:

• anda boleh gunakan--portpilihan menentukan nombor port. Contohnya, untuk mengehoskan tapak web anda pada port 8080 , sila jalankan arahan berikut:

bundle exec jekyll serve --port 8080

• anda boleh gunakan--configPilihan menentukan fail konfigurasi. Sebagai contoh, untuk menggunakan fail bernamamyconfig.ymlfail konfigurasi, jalankan arahan berikut:

bundle exec jekyll serve --config myconfig.yml

• pemindahan--livereloadpilihan untukserveMuat semula halaman secara automatik setiap kali perubahan dibuat pada fail sumber:

bundle exec jekyll serve --livereload

• Sebarkan tapak web anda menggunakan arahan berikut:

bundle exec jekyll build

Bagaimana untuk menambah kandungan artikel dalam Jekyll?

Cipta fail .md untuk menambah kandungan.

Sokongan Jekyll Penurunan harga Tatabahasa, yang boleh digunakan untuk memformat teks, memasukkan imej, membuat pautan, dll...

Dengan mengikuti tutorial di bawah, anda sepatutnya dapat membuat tapak web dengan cepat yang sesuai dengan keperluan anda▼

🔗Tutorial artikel baharu Jekyll, kuasai kemahiran cara menulis artikel dan buat kata-kata anda terbang!