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

这篇 Jekyll 下载安装教程,手把手教你✨不用花钱也能拥有自己的博客!

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?

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

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.
  5. Web sitenizi önizleyin.
  6. Web sitenizi oluşturun.
  7. 部署你的网站:Jekyll静态博客免费部署到Surge.sh

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

Adım 2: Cmd'yi girin ve WIN tuşu + R tuşuna basın, ardından cmd'yi girin ve Enter'a 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 -vgem -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:\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▼

jekyll serve

传递--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 servejekyll 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.

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!

Umut Chen Weiliang Blogu ( https://www.chenweiliang.com/ ) "Jekyll İndirme ve Kurulum Eğitimi: Yerel bilgisayarda sıfırdan Statik Blog Web Sitesi Oluşturma" konusunu paylaştı ve bu size yardımcı olacaktır.

Bu makalenin bağlantısını paylaşmaya hoş geldiniz:https://www.chenweiliang.com/cwl-31549.html

En son güncellemeleri almak için Chen Weiliang'ın blogunun Telegram kanalına hoş geldiniz!

🔔 Kanalın üst dizinindeki değerli "ChatGPT İçerik Pazarlama Yapay Zeka Aracı Kullanım Kılavuzunu" alan ilk kişi olun! 🌟
📚 Bu rehber çok büyük değer içeriyor, 🌟Bu nadir bir fırsat, kaçırmayın! ⏰⌛💨
İsterseniz paylaşın ve beğenin!
Paylaşımlarınız ve beğenileriniz bizim sürekli motivasyonumuz!

 

发表 评论

E-posta hesabınız yayımlanmayacak. 必填 项 已 用 * 标注

yukarı kaydır