Tutorial pengunduhan dan pemasangan Jekyll: Bangun situs web blog statis dari awal di komputer lokal Anda

Artikel ini Jekyll Unduh tutorial instalasi dan ajari Anda langkah demi langkah✨Anda dapat memiliki blog sendiri tanpa mengeluarkan uang!

Membangun website blog statis dari awal, bahkan jika Anda seorang pemula, Anda dapat melakukannya dengan mudah! Tidak perlu mempersulitmembangun situs web, ucapkan selamat tinggal pada kerumitan membangun situs web, miliki blog eksklusif Anda sendiri dalam hitungan menit, dan biarkan bakat serta kreativitas Anda bersinar! 🚀🎉

Apa itu Jekyll?

Jekyll merupakan static website generator yang sangat cocok digunakan untuk membangun website blog.

Itu dapat menggunakan teks yang ditulis dalam bahasa markup dan menggunakan tata letak untuk membangun situs web statis.

Anda dapat mengubah tampilan situs web, URL, data yang ditampilkan pada halaman, dan banyak lagi...

Kekurangan Jekyll sudah jelas, karena tidak menggunakan database sehingga sama sekali tidak cocok untuk buildPerdagangan elektronikjenis situs web.

Apa kelebihan Jekyll?

• Jekyll mudah digunakan dan dipelajari.
• Jekyll dapat menghasilkan situs statis yang cepat dan aman.
• Jekyll memiliki banyak sekali tema dan plugin yang tersedia.

Bagaimana cara mulai menggunakan Jekyll?

1. Instal Jekyll.
2. Buat situs web Jekyll baru.
3. Pilih tema Jekyll.
4. 添加你的内容：Jekyll新建文章教程
5. Pratinjau situs web Anda.
6. Bangun situs web Anda.
7. Terapkan situs web Anda:Blog statis Jekyll diterapkan ke Surge.sh secara gratis

Instal Jekyll dengan mengunduh RubyInstaller

Cara termudah untuk menginstal Ruby dan Jekyll adalah dengan menggunakan RubyInstaller untuk Windows.

RubyInstaller adalah penginstal independen berbasis Windows yang mencakup bahasa Ruby, lingkungan eksekusi, dokumentasi penting, dll.

Kami hanya membahas RubyInstaller-2.4 dan lebih tinggi di sini. Versi yang lebih lama memerlukan instalasi Devkit secara manual.

Langkah 1:Unduh RubyInstaller

• Unduh dan instal dari Unduhan RubyInstallerRuby+DevkitVersi: kapan.
• Instal menggunakan opsi default.

2Masukkan cmd

tekanTombol WIN + tombol R, lalu masuk cmd, lalu tekan Enter ▼

3Masukkan masukan perintah ridk installLangkah-langkah dalam tahap akhir instalasi.

• Ini diperlukan untuk memasang permata dengan ekstensi asli.
• Pilih dari opsiMSYS2 and MINGW development tool chain.

• Jalankan perintah ruby -v 和 gem -v untuk memeriksa nomor versi untuk mengonfirmasi apakah instalasi berhasil.

Buka menu Start Windows dan temukanStart Command Prompt with Ruby, untuk mengaktifkan baris perintah Ruby.

4Ganti sumber permata ke sumber Cina

Karena masalah koneksi jaringan dan kecepatan, sebelum mempertimbangkan untuk memperbarui permata, sangat disarankan untuk mengalihkan sumber permata ke 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/

5Mari kita periksa sumber terkini ▼

gem sources -l

• Pastikan hanya ada gems.ruby-china.com

6Perbarui permata Ruby▼

gem update

7Kami memasang komponen ▼

gem install jekyll bundler

8Periksa apakah Jekyll sudah terinstal sepenuhnya▼

jekyll -v

Bangun situs web blog statis Jelly di komputer lokal Anda

1Ubah huruf drive▼
Langsung masuk ke cmdd:

2Ubah folder saat ini▼

cd d:\Jekyll\

3Buat situs web Jekyll baru menggunakan perintah berikut ▼

jekyll new site1

4Masuk ke direktori proyek▼

cd site1

5Mulai layanan Jekyll▼

jekyll serve

transfer--livereloadpilihan untukserveSegarkan halaman secara otomatis setiap kali ada perubahan pada file sumber▼

bundle exec jekyll serve --livereload

• Saat Anda mengembangkan situs web Anda, gunakanjekyll serve或 jekyll build
• Untuk memaksa browser menyegarkan setiap perubahan, gunakanjekyll serve --livereload.
• jekyll serveVersi situs bawaan_siteTidak cocok untuk diterapkan.
• Gunakan tautan dan URL aset dari situs yang dibuat jekyll serve akan menggunakan https://localhost:4000 Nilainya ditetapkan melalui konfigurasi baris perintah, bukan di file konfigurasi situs.

6mengakses http://localhost:4000 Lihat proyek.

Catatan:

• Jika file ditempatkan di xxx.github .io/blog, mungkin menyebabkan Halaman Github tidak terupdate.
• Alasan fenomena ini adalah GitHub hanya akan membaca xxx.github .io/_includes di Jekyll dan tidak akan mendalami blog/_includes.
• Untungnya, masalah ini bukanlah masalah yang sulit, cukup siapkan Halaman Github di GitHub dan masalah akan teratasi dalam sekejap!

Bagaimana cara menghapus situs Jekyll yang terinstal di komputer lokal melalui perintah?

Anda dapat menggunakan perintah berikut untuk menghapus situs web Jekyll yang diinstal secara lokal.

Hapus file yang dihasilkan:

1Jalankan perintah berikut untuk menghapus file yang dihasilkan▼

jekyll clean

2Hapus semua direktori situs web

• Jika Anda ingin menghapus seluruh direktori situs web, Anda dapat menghapusnya secara manual C:/Users/a/myblog map.

Sumber daya Jekyll

Jekyll adalah kerangka sederhana bergaya blog untuk membangun situs web statis.

itu menggunakan Penurunan harga dan bahasa template Liquid, memungkinkan Anda membuat situs web yang indah dan dinamis dengan mudah.

Lihat dokumentasi Jekyll untuk informasi lebih lanjut.

Berikut beberapa sumber daya berguna tentang Jekyll. Saya harap sumber daya ini dapat membantu Anda menggunakan Jekyll untuk membangun situs web!