Jekyll indirme ve kurulum eğitimi: Yerel bilgisayarınızda sıfırdan statik bir blog web sitesi oluşturun

Bu makale Jekyll Kurulum eğitimini indirin ve size adım adım öğretin✨Para harcamadan kendi blogunuza sahip olabilirsiniz!

Sıfırdan statik bir blog web sitesi oluşturun, acemi olsanız bile bunu kolayca yapabilirsiniz! Karmaşıklaştırmaya gerek yokBir istasyon inşa et, web sitesi kurma zahmetine veda edin, dakikalar içinde kendi özel blogunuza sahip olun, yeteneklerinizin ve yaratıcılığınızın parlamasına izin verin! 🚀🎉

Jekyll nedir?

Statik bir web sitesi oluşturucu olan Jekyll, blog web siteleri oluşturmak için çok uygundur.

İşaretleme dilinde yazılmış metni kullanabilir ve statik web siteleri oluşturmak için düzeni kullanabilir.

Web sitesinin görünümünü, URL'yi, sayfada görüntülenen verileri ve daha fazlasını değiştirebilirsiniz...

Jekyll'ın eksiklikleri ortadadır, veritabanı kullanmadığı için inşaata tamamen uygun değildir.E-ticaretweb sitesi türü.

Jekyll'in avantajları nelerdir?

• Jekyll'in kullanımı ve öğrenilmesi kolaydır.
• Jekyll hızlı ve güvenli statik web siteleri oluşturabilir.
• Jekyll'da çok sayıda tema ve eklenti mevcut.

Jekyll'ı kullanmaya nasıl başlanır?

1. Jekyll'ı yükleyin.
2. Yeni bir Jekyll web sitesi oluşturun.
3. Bir Jekyll teması seçin.
4. İçeriğinizi ekleyin:Jekyll yeni makale eğitimi
5. Web sitenizi önizleyin.
6. Web sitenizi oluşturun.
7. Web sitenizi dağıtın:Jekyll statik blogu Surge.sh'ye ücretsiz olarak dağıtıldı

RubyInstaller'ı indirerek Jekyll'ı yükleyin

Ruby ve Jekyll'ı kurmanın en kolay yolu Windows için RubyInstaller'ı kullanmaktır.

RubyInstaller, Ruby dilini, yürütme ortamını, önemli belgeleri vb. içeren Windows tabanlı bağımsız bir yükleyicidir.

Burada yalnızca RubyInstaller-2.4 ve üstünü ele alıyoruz. Daha eski sürümler Devkit'in manuel kurulumunu gerektirir.

Aşama 1:RubyInstaller'ı indirin

• RubyInstaller İndirmelerinden indirin ve yükleyinRuby+Devkitversiyon.
• Varsayılan seçenekleri kullanarak yükleyin.

Aşama 2:Cmd'yi girin

aşağı bastırmakWIN tuşu + R tuşu, ardından girin cmd, ardından Enter ▼ tuşuna basın

Aşama 3:Komut girişini girin ridk installKurulumun son aşamalarındaki adımlar.

• Bu, yerel uzantılara sahip mücevherleri yüklemek için gereklidir.
• Seçenekler arasından seçim yapınMSYS2 and MINGW development tool chain.

• Komutu çalıştır ruby -v 和 gem -v Kurulumun başarılı olup olmadığını doğrulamak için sürüm numarasını kontrol etmek için.

Windows Başlat menüsünü açın ve bulunStart Command Prompt with RubyRuby komut satırını etkinleştirmek için.

Aşama 4:Mücevher kaynağını Çin kaynağına değiştir

Ağ bağlantısı ve hız sorunları nedeniyle, cevheri güncellemeyi düşünmeden önce mücevher kaynağını Çin kaynağına çevirmeniz önemle tavsiye edilir▼

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

veya

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

Aşama 5:Güncel kaynaklara göz atalım ▼

gem sources -l

• Yalnızca olduğundan emin olun gems.ruby-china.com

Aşama 6:Ruby gem'i güncelleyin▼

gem update

Aşama 7:Bileşenleri kuruyoruz ▼

gem install jekyll bundler

Aşama 8:Jekyll'ın tam olarak kurulup kurulmadığını kontrol edin▼

jekyll -v

Yerel bilgisayarınızda bir Jelly statik blog web sitesi oluşturun

Aşama 1:Sürücü harfini değiştir▼
Doğrudan cmd'ye girind:

Aşama 2:Geçerli klasörü değiştir▼

cd /d d:\Jekyll\

Aşama 3:Aşağıdaki komutu kullanarak yeni bir Jekyll web sitesi oluşturun ▼

jekyll new site1

Aşama 4:Proje dizinine girin▼

cd site1

Aşama 5:Jekyll hizmetini başlatın▼

bundle exec jekyll serve

Aktar--livereloadseçenekleriserveKaynak dosyada her değişiklik yapıldığında sayfayı otomatik olarak yenileyin▼

bundle exec jekyll serve --livereload

• Web sitenizi geliştirirken şunu kullanın:jekyll serve或 jekyll build
• Tarayıcıyı her değişiklikte yenilemeye zorlamak için şunu kullanın:jekyll serve --livereload.
• jekyll serveYerleşik site sürümü_siteDağıtıma uygun değil.
• Oluşturulan sitedeki bağlantıları ve varlık URL'lerini kullanın jekyll serve kullanacak https://localhost:4000 Değer, sitenin yapılandırma dosyası yerine komut satırı yapılandırması aracılığıyla ayarlanır.

Aşama 6:Giriş http://localhost:4000 Projeyi Görüntüle.

Önlemler:

• Dosyanın xxx.github .io/blog dizinine yerleştirilmesi Github Sayfasının güncellenmemesine neden olabilir.
• Bu olgunun nedeni GitHub'un Jekyll'de yalnızca xxx.github.io/_includes dosyasını okuması ve blog/_includes'ın derinliklerine inmemesidir.
• Neyse ki bu sorun zor bir sorun değil. GitHub'da bir Github Sayfası oluşturmanız yeterli ve sorun anında çözülecek!

Yerel bilgisayarda yüklü olan Jekyll web sitesi komutlarla nasıl silinir?

Yerel olarak kurulmuş bir Jekyll web sitesini silmek için aşağıdaki komutu kullanabilirsiniz.

Oluşturulan dosyaları silin:

Aşama 1:Oluşturulan dosyaları temizlemek için aşağıdaki komutu çalıştırın▼

jekyll clean

Aşama 2:Tüm web sitesi dizinlerini sil

• Web sitesi dizininin tamamını tamamen silmek istiyorsanız, manuel olarak silebilirsiniz. C:/Users/a/myblog dosya.

🔗Okumaya devam edin▼

🔗Jekyll serve neden başlatılamadı? Hataları ve etkisizliği çözmeye yönelik kapsamlı bir rehber

Jekyll kaynakları

Jekyll, statik web siteleri oluşturmaya yönelik basit, blog tarzı bir çerçevedir.

kullanır Markdown ve kolayca güzel, dinamik web siteleri oluşturmanıza olanak tanıyan Liquid şablon dili.

Daha fazla bilgi için Jekyll belgelerine bakın.

İşte Jekyll hakkında bazı yararlı kaynaklar.Umarım bu kaynaklar Jekyll'ı bir web sitesi oluşturmak için kullanmanıza yardımcı olabilir!