Tutorial muat turun dan pemasangan Jekyll: Bina laman web blog statik dari awal pada komputer tempatan anda

artikel ini Jekyll Muat turun tutorial pemasangan dan ajar anda langkah demi langkah✨Anda boleh memiliki blog anda sendiri tanpa membelanjakan wang!

Bina laman web blog statik dari awal, walaupun anda seorang pemula anda boleh melakukannya dengan mudah! Tidak perlu merumitkanmembina laman web, ucapkan selamat tinggal kepada masalah membina tapak web, miliki blog eksklusif anda sendiri dalam beberapa minit, dan biarkan bakat dan kreativiti anda menyerlah! 🚀🎉

Apa itu Jekyll?

Jekyll, penjana laman web statik, sangat sesuai untuk membina laman web blog.

Ia boleh menggunakan teks yang ditulis dalam bahasa penanda dan menggunakan reka letak untuk membina tapak web statik.

Anda boleh mengubah suai penampilan tapak web, URL, data yang dipaparkan pada halaman dan banyak lagi...

Kelemahan Jekyll adalah jelas kerana ia tidak menggunakan pangkalan data, ia sama sekali tidak sesuai untuk dibinaE-dagangjenis laman web.

Apakah kelebihan Jekyll?

• Jekyll mudah digunakan dan dipelajari.
• Jekyll boleh menjana tapak web statik yang pantas dan selamat.
• Jekyll mempunyai sejumlah besar tema dan pemalam yang tersedia.

Bagaimana untuk mula menggunakan Jekyll?

1. Pasang Jekyll.
2. Buat tapak web Jekyll baharu.
3. Pilih tema Jekyll.
4. Tambahkan kandungan anda:Tutorial artikel baru Jekyll
5. Pratonton tapak web anda.
6. Bina laman web anda.
7. Sebarkan tapak web anda:Blog statik Jekyll digunakan untuk Surge.sh secara percuma

Pasang Jekyll dengan memuat turun RubyInstaller

Cara paling mudah untuk memasang Ruby dan Jekyll ialah menggunakan RubyInstaller untuk Windows.

RubyInstaller ialah pemasang bebas berasaskan Windows yang merangkumi bahasa Ruby, persekitaran pelaksanaan, dokumentasi penting, dsb.

Kami hanya meliputi RubyInstaller-2.4 dan lebih tinggi di sini. Versi lama memerlukan pemasangan manual Devkit.

Langkah 1:Muat turun RubyInstaller

• Muat turun dan pasang daripada RubyInstaller DownloadsRuby+DevkitVersi.
• Pasang menggunakan pilihan lalai.

Langkah 2:Masukkan cmd

tekan ke bawahKekunci WIN + kekunci R, kemudian masukkan cmd, kemudian tekan Enter ▼

Langkah 3:Masukkan input arahan ridk installLangkah-langkah di peringkat akhir pemasangan.

• Ini diperlukan untuk memasang permata dengan sambungan asli.
• Pilih daripada pilihanMSYS2 and MINGW development tool chain.

• Jalankan arahan ruby -v 和 gem -v untuk menyemak nombor versi untuk mengesahkan sama ada pemasangan berjaya.

Buka menu Mula Windows dan cariStart Command Prompt with Ruby, untuk mendayakan baris arahan Ruby.

Langkah 4:Tukar sumber permata kepada sumber Cina

Disebabkan masalah sambungan rangkaian dan kelajuan, sebelum mempertimbangkan untuk mengemas kini permata, adalah sangat disyorkan untuk menukar sumber permata kepada sumber Cina▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

atau

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

Langkah 5:Mari lihat sumber semasa ▼

gem sources -l

• Pastikan ada sahaja gems.ruby-china.com

Langkah 6:Kemas kini permata Ruby▼

gem update

Langkah 7:Kami memasang komponen ▼

gem install jekyll bundler

Langkah 8:Semak sama ada Jekyll telah dipasang sepenuhnya▼

jekyll -v

Bina laman web blog statik Jelly pada komputer tempatan anda

Langkah 1:Tukar huruf pemacu▼
Masukkan terus dalam cmdd:

Langkah 2:Tukar folder semasa▼

cd /d d:\Jekyll\

Langkah 3:Buat tapak web Jekyll baharu menggunakan arahan berikut ▼

jekyll new site1

Langkah 4:Masukkan direktori projek▼

cd site1

Langkah 5:Mulakan perkhidmatan Jekyll▼

bundle exec jekyll serve

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

bundle exec jekyll serve --livereload

• Apabila anda membangunkan laman web anda, gunakanjekyll serve或 jekyll build
• Untuk memaksa penyemak imbas memuat semula setiap perubahan, gunakanjekyll serve --livereload.
• jekyll serveVersi tapak terbina dalam_siteTidak sesuai untuk penempatan.
• Gunakan pautan dan URL aset daripada tapak yang dibuat jekyll serve akan guna https://localhost:4000 Nilai ditetapkan melalui konfigurasi baris arahan, bukannya dalam fail konfigurasi tapak.

Langkah 6:akses http://localhost:4000 Lihat projek.

Nota:

• Jika fail diletakkan dalam xxx.github .io/blog, ia boleh menyebabkan Halaman Github tidak dikemas kini.
• Sebab fenomena ini ialah GitHub hanya akan membaca xxx.github .io/_includes dalam Jekyll dan tidak akan masuk jauh ke dalam blog/_includes.
• Nasib baik, masalah ini bukan masalah yang sukar. Hanya sediakan Halaman Github pada GitHub dan masalah itu akan diselesaikan dalam sekelip mata!

Bagaimana untuk memadam tapak web Jekyll yang dipasang pada komputer tempatan melalui arahan?

Anda boleh menggunakan arahan berikut untuk memadam tapak web Jekyll yang dipasang secara tempatan.

Padamkan fail yang dijana:

Langkah 1:Jalankan arahan berikut untuk mengosongkan fail yang dihasilkan▼

jekyll clean

Langkah 2:Padam semua direktori tapak web

• Jika anda ingin memadam sepenuhnya keseluruhan direktori tapak web, anda boleh memadam secara manual C:/Users/a/myblog folder.

🔗Teruskan membaca▼

🔗Kenapa servis jekyll gagal dimulakan? Panduan komprehensif untuk menyelesaikan kesilapan dan ketidakberkesanan

sumber Jekyll

Jekyll ialah rangka kerja gaya blog yang ringkas untuk membina tapak web statik.

ia menggunakan Penurunan harga dan bahasa templat Cecair, membolehkan anda membuat tapak web yang cantik dan dinamik dengan mudah.

Lihat dokumentasi Jekyll untuk mendapatkan maklumat lanjut.

Berikut ialah beberapa sumber berguna tentang Jekyll. Saya harap sumber ini dapat membantu anda menggunakan Jekyll untuk membina tapak web!