Jekyll, statik site olu\u015fturucu (Static Site Generator) d\u00fcnyas\u0131n\u0131n \u00f6nde gelen isimlerinden biridir. Veritaban\u0131 veya sunucu taraf\u0131 bir programlama dili gerektirmeyen, do\u011frudan metin dosyalar\u0131ndan ve \u015fablonlardan HTML, CSS ve JavaScript gibi statik web siteleri \u00fcreten bir ara\u00e7t\u0131r. \u00d6zellikle bloglar, ki\u015fisel portf\u00f6yler, dok\u00fcmantasyon siteleri ve k\u00fc\u00e7\u00fck\/orta \u00f6l\u00e7ekli kurumsal siteler i\u00e7in pop\u00fcler bir tercihtir. Bu makalede, Ubuntu 20.04 i\u015fletim sistemi \u00fczerinde eksiksiz bir Jekyll geli\u015ftirme ortam\u0131n\u0131n nas\u0131l kurulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z.<\/p>\n
Jekyll, Ruby ile yaz\u0131lm\u0131\u015f, Markdown, Liquid \u015fablonlama dili ve YAML gibi basit metin formatlar\u0131n\u0131 kullanarak karma\u015f\u0131k web siteleri olu\u015fturman\u0131za olanak tan\u0131yan bir ara\u00e7t\u0131r. Bir web sitesi projesini Jekyll ile ba\u015flatt\u0131\u011f\u0131n\u0131zda, i\u00e7eri\u011finizi Markdown dosyalar\u0131nda, ayarlar\u0131n\u0131z\u0131 * H\u0131z ve G\u00fcvenlik:<\/strong> Statik siteler, sunucu taraf\u0131nda i\u015fleme gerek duymad\u0131\u011f\u0131 i\u00e7in \u00e7ok h\u0131zl\u0131 y\u00fcklenir ve veritaban\u0131 veya dinamik kod a\u00e7\u0131kl\u0131klar\u0131 olmad\u0131\u011f\u0131 i\u00e7in daha g\u00fcvenlidir. Bu rehber, Ubuntu 20.04 \u00fczerinde Jekyll’i kurmaktan, yeni bir site olu\u015fturmaya, site yap\u0131s\u0131n\u0131 anlamaya ve geli\u015ftirme sunucusunu \u00e7al\u0131\u015ft\u0131rmaya kadar t\u00fcm temel ad\u0131mlar\u0131 kapsayacakt\u0131r. Ayr\u0131ca, s\u0131k kar\u015f\u0131la\u015f\u0131lan sorunlara \u00e7\u00f6z\u00fcmler ve Jekyll ile \u00e7al\u0131\u015f\u0131rken kullanabilece\u011finiz temel kavramlara da de\u011finece\u011fiz.<\/p>\n Jekyll kurulumuna ba\u015flamadan \u00f6nce sisteminizin belirli gereksinimleri kar\u015f\u0131lad\u0131\u011f\u0131ndan ve temel ara\u00e7lara sahip oldu\u011funuzdan emin olmal\u0131s\u0131n\u0131z.<\/p>\n * \u0130\u015fletim Sistemi:<\/strong> Ubuntu 20.04 (LTS) veya daha yeni bir s\u00fcr\u00fcm. Bu makaledeki t\u00fcm kurulum ad\u0131mlar\u0131 ve komutlar, Ubuntu’nun terminal (komut sat\u0131r\u0131) aray\u00fcz\u00fc \u00fczerinden ger\u00e7ekle\u015ftirilecektir. Terminali a\u00e7mak i\u00e7in Jekyll, Ruby ile yaz\u0131ld\u0131\u011f\u0131 i\u00e7in sisteminizde Ruby’nin kurulu olmas\u0131 gerekmektedir. Ruby’yi sistem genelinde kurmak yerine, s\u00fcr\u00fcm y\u00f6neticileri (rbenv veya RVM) kullanarak kurmak daha iyi bir yakla\u015f\u0131md\u0131r. Bu, farkl\u0131 projeler i\u00e7in farkl\u0131 Ruby s\u00fcr\u00fcmlerini kolayca y\u00f6netmenizi sa\u011flar. Bu rehberde Kuruluma ba\u015flamadan \u00f6nce sistem paket listelerinizi g\u00fcncelleyerek en son yaz\u0131l\u0131m s\u00fcr\u00fcmlerine eri\u015fti\u011finizden emin olun:<\/p>\n Ruby’yi derlemek ve Jekyll’in d\u00fczg\u00fcn \u00e7al\u0131\u015fmas\u0131 i\u00e7in baz\u0131 geli\u015ftirme ara\u00e7lar\u0131na ve k\u00fct\u00fcphanelerine ihtiyac\u0131m\u0131z var:<\/p>\n * 1. rbenv ve ruby-build’\u0131 Klonlama:<\/strong> 2. Ortam De\u011fi\u015fkenlerini Ayarlama:<\/strong> E\u011fer Zsh kullan\u0131yorsan\u0131z, \u015eimdi Bu komut Bu i\u015flem biraz zaman alabilir, \u00e7\u00fcnk\u00fc Ruby kaynak koddan derlenecektir.<\/p>\n Kurulum tamamland\u0131ktan sonra, bu Ruby s\u00fcr\u00fcm\u00fcn\u00fc sistem genelinde veya sadece bulundu\u011funuz dizin i\u00e7in varsay\u0131lan olarak ayarlayabilirsiniz.<\/p>\n * Global olarak ayarlama:<\/strong><\/p>\n * Yerel olarak (proje baz\u0131nda) ayarlama:<\/strong> Kurulumun ba\u015far\u0131l\u0131 oldu\u011funu do\u011frulamak i\u00e7in Ruby s\u00fcr\u00fcm\u00fcn\u00fc kontrol edin:<\/p>\n Bu komut, Bundler, Ruby projeleri i\u00e7in ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00f6neten bir Gem y\u00f6neticisidir. Jekyll projelerinde \u00e7ok yayg\u0131n olarak kullan\u0131l\u0131r.<\/p>\n Art\u0131k Ruby ve Bundler kurulu oldu\u011funa g\u00f6re, Jekyll Gem’ini kurmaya haz\u0131r\u0131z.<\/p>\n Jekyll’i ve ilgili ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 kurmak i\u00e7in a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n Bu komut, Jekyll’i ve Bundler’\u0131 (e\u011fer daha \u00f6nce kurmad\u0131ysan\u0131z veya g\u00fcncellemek istiyorsan\u0131z) global olarak kurar.<\/p>\n Jekyll’in do\u011fru \u015fekilde kurulup kurulmad\u0131\u011f\u0131n\u0131 kontrol etmek i\u00e7in s\u00fcr\u00fcm\u00fcn\u00fc sorgulayabilirsiniz:<\/p>\n Bu komut, kurulu Jekyll s\u00fcr\u00fcm\u00fcn\u00fc g\u00f6stermelidir.<\/p>\n Jekyll ve gerekli t\u00fcm ara\u00e7lar kurulduktan sonra, ilk Jekyll sitenizi olu\u015fturmaya haz\u0131rs\u0131n\u0131z.<\/p>\n Yeni bir Jekyll sitesi olu\u015fturmak i\u00e7in Bu komut, Olu\u015fturulan dizine gidin ve i\u00e7eri\u011fini inceleyin:<\/p>\n Tipik bir Jekyll sitesi dizin yap\u0131s\u0131 \u015funa benzer:<\/p>\n * Sitenizi olu\u015fturduktan sonra, de\u011fi\u015fiklikleri taray\u0131c\u0131n\u0131zda g\u00f6rmek i\u00e7in Jekyll’in yerle\u015fik geli\u015ftirme sunucusunu \u00e7al\u0131\u015ft\u0131rman\u0131z gerekir.<\/p>\n Jekyll projenizin k\u00f6k dizinindeyken (yani * Komutu \u00e7al\u0131\u015ft\u0131rd\u0131ktan sonra terminalde \u015funa benzer bir \u00e7\u0131kt\u0131 g\u00f6receksiniz:<\/p>\n \u00c7\u0131kt\u0131da belirtilen Geli\u015ftirme sunucusunu durdurmak i\u00e7in terminalde Jekyll ile etkili bir \u015fekilde \u00e7al\u0131\u015fmak i\u00e7in temel dosya yap\u0131s\u0131n\u0131 ve kavramlar\u0131 anlamak \u00f6nemlidir.<\/p>\n Bu dosya, Jekyll sitenizin temel yap\u0131land\u0131rma ayarlar\u0131n\u0131 i\u00e7erir. Site ba\u015fl\u0131\u011f\u0131, a\u00e7\u0131klamas\u0131, URL’si, tema ayarlar\u0131, eklentiler ve daha bir\u00e7ok global ayar burada tan\u0131mlan\u0131r. \u00d6rne\u011fin:<\/p>\n Bu dosyay\u0131 d\u00fczenledikten sonra, de\u011fi\u015fikliklerin etkili olmas\u0131 i\u00e7in geli\u015ftirme sunucusunu yeniden ba\u015flatman\u0131z gerekebilir ( Jekyll’de her g\u00f6nderi, sayfa veya koleksiyon \u00f6\u011fesi, dosyan\u0131n en \u00fcst\u00fcnde YAML format\u0131nda bir “\u00f6n k\u0131s\u0131m” (front matter) blo\u011fu i\u00e7erebilir. Bu blok, Jekyll’e dosya hakk\u0131nda meta veriler sa\u011flar. \u00d6rne\u011fin:<\/p>\n * K\u00f6k dizinde veya alt dizinlerde bulunan Sitenizin CSS, JavaScript dosyalar\u0131 ve resimleri genellikle Jekyll, g\u00f6nderiler ve sayfalar d\u0131\u015f\u0131nda \u00f6zel i\u00e7erik t\u00fcrlerini y\u00f6netmek i\u00e7in koleksiyonlar sunar. \u00d6rne\u011fin, bir “\u00fcr\u00fcnler” veya “personel” koleksiyonu olu\u015fturabilirsiniz. Koleksiyonlar Jekyll’in g\u00fcc\u00fc, geni\u015f tema ve eklenti ekosisteminden gelir.<\/p>\n Yeni bir Jekyll sitesi olu\u015fturdu\u011funuzda, varsay\u0131lan olarak Jekyll temalar\u0131 genellikle Ruby Gem’leri olarak da\u011f\u0131t\u0131l\u0131r. Yeni bir tema y\u00fcklemek i\u00e7in:<\/p>\n 1. Gemfile’\u0131 D\u00fczenleme:<\/strong> Projenizin 2. Temay\u0131 Y\u00fckleme:<\/strong> Terminalde 4. Sunucuyu Yeniden Ba\u015flatma:<\/strong> De\u011fi\u015fikliklerin etkili olmas\u0131 i\u00e7in geli\u015ftirme sunucusunu yeniden ba\u015flat\u0131n.<\/p>\n Jekyll eklentileri, sitenize yeni \u00f6zellikler eklemenizi sa\u011flar (\u00f6rne\u011fin, RSS beslemesi olu\u015fturma, SEO meta etiketleri ekleme, sitemap olu\u015fturma).<\/p>\n 1. Gemfile’a Eklentiyi Ekleme:<\/strong> \u0130lgili eklentinin Gem’ini 2. Eklentileri Y\u00fckleme:<\/strong> 4. Sunucuyu Yeniden Ba\u015flatma:<\/strong> De\u011fi\u015fikliklerin etkili olmas\u0131 i\u00e7in geli\u015ftirme sunucusunu yeniden ba\u015flat\u0131n.<\/p>\n Jekyll sitenizi kendi ihtiya\u00e7lar\u0131n\u0131za g\u00f6re \u00f6zelle\u015ftirmek olduk\u00e7a kolayd\u0131r.<\/p>\n Sitenizin ba\u015fl\u0131\u011f\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131, yazar bilgilerini ve di\u011fer global ayarlar\u0131n\u0131 * Yeni Sayfa:<\/strong> K\u00f6k dizinde (veya istedi\u011finiz bir alt dizinde) Jekyll temalar\u0131 genellikle CSS ve JavaScript dosyalar\u0131n\u0131 _config.yml<\/code> dosyas\u0131nda ve tasar\u0131m\u0131n\u0131z\u0131 Liquid \u015fablonlar\u0131nda tan\u0131mlars\u0131n\u0131z. Jekyll, bu kaynak dosyalar\u0131 derleyerek tamamen statik, h\u0131zl\u0131 ve g\u00fcvenli bir web sitesi \u00e7\u0131kt\u0131s\u0131 \u00fcretir.<\/p>\nNeden Jekyll Kullanmal\u0131s\u0131n\u0131z?<\/h4>\n
\n* Basitlik:<\/strong> \u0130\u00e7erik yaz\u0131m\u0131 Markdown ile \u00e7ok kolayd\u0131r. Karma\u015f\u0131k bir i\u00e7erik y\u00f6netim sistemi (CMS) aray\u00fcz\u00fcne ihtiya\u00e7 duymazs\u0131n\u0131z.
\n* S\u00fcr\u00fcm Kontrol\u00fc Entegrasyonu:<\/strong> T\u00fcm site dosyalar\u0131 metin tabanl\u0131 oldu\u011fu i\u00e7in Git gibi s\u00fcr\u00fcm kontrol sistemleriyle m\u00fckemmel entegrasyon sa\u011flar. GitHub Pages ile \u00fccretsiz bar\u0131nd\u0131rma imkan\u0131 sunar.
\n* D\u00fc\u015f\u00fck Maliyet:<\/strong> Statik siteler, dinamik sitelere g\u00f6re \u00e7ok daha az sunucu kayna\u011f\u0131 t\u00fcketir, bu da bar\u0131nd\u0131rma maliyetlerini d\u00fc\u015f\u00fcr\u00fcr.
\n* Esneklik:<\/strong> Temalar ve eklentiler arac\u0131l\u0131\u011f\u0131yla geni\u015fletilebilir, ihtiya\u00e7lar\u0131n\u0131za g\u00f6re \u00f6zelle\u015ftirilebilir.<\/p>\nBu Makale Neler \u0130\u00e7eriyor?<\/h4>\n
\u00d6n Ko\u015fullar<\/h3>\n
Sistem Gereksinimleri<\/h4>\n
\n* Internet Ba\u011flant\u0131s\u0131:<\/strong> Gerekli paketleri indirmek i\u00e7in aktif bir internet ba\u011flant\u0131s\u0131.
\n* Kullan\u0131c\u0131 Yetkileri:<\/strong> sudo<\/code> komutunu kullanabilecek y\u00f6netici yetkilerine sahip bir kullan\u0131c\u0131.<\/p>\nTerminal Kullan\u0131m\u0131<\/h4>\n
Ctrl + Alt + T<\/code> tu\u015f kombinasyonunu kullanabilirsiniz.<\/p>\nRuby ve Geli\u015ftirme Ara\u00e7lar\u0131n\u0131n Kurulumu<\/h3>\n
rbenv<\/code> kullanaca\u011f\u0131z.<\/p>\nSistem G\u00fcncellemesi<\/h4>\n
sudo apt update\nsudo apt upgrade<\/code><\/pre>\nGerekli Ba\u011f\u0131ml\u0131l\u0131klar\u0131n Kurulumu<\/h4>\n
sudo apt install git curl libssl-dev libreadline-dev zlib1g-dev autoconf bison build-essential libyaml-dev libffi-dev libgdbm-dev libncurses5-dev<\/code><\/pre>\ngit<\/code>: S\u00fcr\u00fcm kontrol sistemi.
\n* curl<\/code>: Web’den dosya indirmek i\u00e7in.
\n* libssl-dev<\/code>, libreadline-dev<\/code>, zlib1g-dev<\/code>, libyaml-dev<\/code>, libffi-dev<\/code>, libgdbm-dev<\/code>, libncurses5-dev<\/code>: Ruby’nin derlenmesi i\u00e7in gerekli k\u00fct\u00fcphaneler.
\n* autoconf<\/code>, bison<\/code>, build-essential<\/code>: Derleme ara\u00e7lar\u0131.<\/p>\nrbenv Kurulumu<\/h4>\n
rbenv<\/code>, Ruby s\u00fcr\u00fcmlerini y\u00f6netmek i\u00e7in hafif ve kullan\u0131m\u0131 kolay bir ara\u00e7t\u0131r.<\/p>\n
\n rbenv<\/code>‘i ve Ruby s\u00fcr\u00fcmlerini kurmak i\u00e7in kullan\u0131lan ruby-build<\/code> eklentisini GitHub’dan klonlay\u0131n:<\/p>\ngit clone https:\/\/github.com\/rbenv\/rbenv.git ~\/.rbenv\n git clone https:\/\/github.com\/rbenv\/ruby-build.git ~\/.rbenv\/plugins\/ruby-build<\/code><\/pre>\n
\n rbenv<\/code>‘in kabu\u011funuz taraf\u0131ndan tan\u0131nmas\u0131 i\u00e7in ortam de\u011fi\u015fkenlerini ayarlaman\u0131z gerekir. Bunu ~\/.bashrc<\/code> veya ~\/.zshrc<\/code> dosyan\u0131za ekleyerek yapabilirsiniz:<\/p>\necho 'export PATH=\"$HOME\/.rbenv\/bin:$PATH\"' >> ~\/.bashrc\n echo 'eval \"$(rbenv init -)\"' >> ~\/.bashrc<\/code><\/pre>\n~\/.zshrc<\/code> dosyas\u0131n\u0131 d\u00fczenleyin.
\n De\u011fi\u015fikliklerin etkili olmas\u0131 i\u00e7in kabu\u011funuzu yeniden ba\u015flat\u0131n veya a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\nsource ~\/.bashrc<\/code><\/pre>\nrbenv<\/code>‘in do\u011fru \u015fekilde kurulup kurulmad\u0131\u011f\u0131n\u0131 test edebilirsiniz:<\/p>\nrbenv -v<\/code><\/pre>\nrbenv<\/code>‘in s\u00fcr\u00fcm\u00fcn\u00fc g\u00f6stermelidir.<\/p>\nRuby Kurulumu<\/h4>\n
rbenv<\/code> arac\u0131l\u0131\u011f\u0131yla sisteminize belirli bir Ruby s\u00fcr\u00fcm\u00fcn\u00fc kurabiliriz. Jekyll genellikle en son kararl\u0131 Ruby s\u00fcr\u00fcm\u00fcyle iyi \u00e7al\u0131\u015f\u0131r. Bu makaleyi yazd\u0131\u011f\u0131m s\u0131rada, Ruby 3.x serisi g\u00fcnceldir. En son kararl\u0131 s\u00fcr\u00fcm\u00fc rbenv install -l<\/code> komutuyla listeleyerek bulabilirsiniz.<\/p>\nrbenv install 3.1.2 # Ya da o anki en son kararl\u0131 s\u00fcr\u00fcm<\/code><\/pre>\nVarsay\u0131lan Ruby S\u00fcr\u00fcm\u00fcn\u00fc Ayarlama<\/h4>\n
rbenv global 3.1.2 # Kurdu\u011funuz Ruby s\u00fcr\u00fcm\u00fcn\u00fc kullan\u0131n<\/code><\/pre>\n
\n Bir Jekyll projesi dizinine girdi\u011finizde, o dizin i\u00e7in farkl\u0131 bir Ruby s\u00fcr\u00fcm\u00fc kullanmak isterseniz:<\/p>\nrbenv local 3.1.2<\/code><\/pre>\nruby -v<\/code><\/pre>\nrbenv<\/code> ile kurdu\u011funuz Ruby s\u00fcr\u00fcm\u00fcn\u00fc g\u00f6stermelidir.<\/p>\nBundler Kurulumu<\/h4>\n
gem install bundler<\/code><\/pre>\nJekyll Kurulumu<\/h3>\n
Jekyll Gem’inin Kurulumu<\/h4>\n
gem install jekyll bundler<\/code><\/pre>\nKurulumu Do\u011frulama<\/h4>\n
jekyll -v<\/code><\/pre>\nYeni Bir Jekyll Sitesi Olu\u015fturma<\/h3>\n
Site Olu\u015fturma Komutu<\/h4>\n
jekyll new<\/code> komutunu kullan\u0131n. Site ad\u0131n\u0131 komutun sonuna ekleyin. \u00d6rne\u011fin, my-awesome-site<\/code> ad\u0131nda bir site olu\u015ftural\u0131m:<\/p>\njekyll new my-awesome-site<\/code><\/pre>\nmy-awesome-site<\/code> ad\u0131nda yeni bir dizin olu\u015fturacak ve i\u00e7ine Jekyll’in varsay\u0131lan tema ve dosya yap\u0131s\u0131n\u0131 kopyalayacakt\u0131r.<\/p>\nDizin Yap\u0131s\u0131n\u0131 \u0130nceleme<\/h4>\n
cd my-awesome-site\nls -F<\/code><\/pre>\n\u251c\u2500\u2500 _config.yml\n\u251c\u2500\u2500 _posts\/\n\u2502 \u2514\u2500\u2500 2024-01-01-welcome-to-jekyll.markdown\n\u251c\u2500\u2500 _site\/ (Jekyll derledikten sonra olu\u015fur)\n\u251c\u2500\u2500 .jekyll-cache\/ (\u00d6nbellek)\n\u251c\u2500\u2500 Gemfile\n\u251c\u2500\u2500 Gemfile.lock\n\u251c\u2500\u2500 about.markdown\n\u251c\u2500\u2500 index.markdown\n\u2514\u2500\u2500 404.html<\/code><\/pre>\n_config.yml<\/code>: Sitenin genel ayarlar\u0131n\u0131 (ba\u015fl\u0131k, a\u00e7\u0131klama, tema vb.) i\u00e7erir.
\n* _posts\/<\/code>: Blog g\u00f6nderileri bu dizinde bulunur. Dosya adlar\u0131 YYYY-MM-DD-title.markdown<\/code> format\u0131nda olmal\u0131d\u0131r.
\n* _site\/<\/code>: Jekyll’in derledi\u011fi statik HTML, CSS ve JS dosyalar\u0131n\u0131n bulundu\u011fu dizindir. Bu dizin genellikle .gitignore<\/code> dosyas\u0131na eklenir ve s\u00fcr\u00fcm kontrol\u00fcne dahil edilmez.
\n* Gemfile<\/code> ve Gemfile.lock<\/code>: Ruby Gem ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 y\u00f6netir.
\n* about.markdown<\/code>, index.markdown<\/code>, 404.html<\/code>: Varsay\u0131lan sayfalar.<\/p>\nJekyll Geli\u015ftirme Sunucusunu \u00c7al\u0131\u015ft\u0131rma<\/h3>\n
Sunucuyu Ba\u015flatma<\/h4>\n
Gemfile<\/code> dosyas\u0131n\u0131n oldu\u011fu yerde), a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\nbundle exec jekyll serve<\/code><\/pre>\nbundle exec<\/code>: Bu komut, Bundler’\u0131n projenin Gemfile<\/code>‘\u0131nda tan\u0131mlanan Gem’leri kullanarak Jekyll’i \u00e7al\u0131\u015ft\u0131rmas\u0131n\u0131 sa\u011flar. Bu, ba\u011f\u0131ml\u0131l\u0131k \u00e7ak\u0131\u015fmalar\u0131n\u0131 \u00f6nlemek i\u00e7in iyi bir uygulamad\u0131r.
\n* jekyll serve<\/code>: Jekyll geli\u015ftirme sunucusunu ba\u015flat\u0131r.<\/p>\nConfiguration file: \/home\/user\/my-awesome-site\/_config.yml\n Source: \/home\/user\/my-awesome-site\n Destination: \/home\/user\/my-awesome-site\/_site\n Incremental build: disabled. Enable with --incremental\n Generating...\n done in 0.5 seconds.\n Auto-regeneration: enabled for '\/home\/user\/my-awesome-site'\n Server address: http:\/\/127.0.0.1:4000\/\n Server running... press ctrl-c to stop.<\/code><\/pre>\nTaray\u0131c\u0131da G\u00f6r\u00fcnt\u00fcleme<\/h4>\n
Server address<\/code> (genellikle http:\/\/127.0.0.1:4000\/<\/code> veya http:\/\/localhost:4000\/<\/code>) adresini web taray\u0131c\u0131n\u0131zda a\u00e7arak sitenizi g\u00f6r\u00fcnt\u00fcleyebilirsiniz. Jekyll, siz dosyalar\u0131 kaydettik\u00e7e sitenizi otomatik olarak yeniden derler ve taray\u0131c\u0131da de\u011fi\u015fiklikleri g\u00f6rmenizi sa\u011flar (bazen manuel yenileme gerekebilir).<\/p>\nSunucuyu Durdurma<\/h4>\n
Ctrl + C<\/code> tu\u015f kombinasyonunu kullanabilirsiniz.<\/p>\nJekyll Yap\u0131s\u0131 ve Temel Kavramlar<\/h3>\n
_config.yml<\/code> Dosyas\u0131<\/h4>\ntitle: My Awesome Site\nemail: your-email@example.com\ndescription: >- # this means to ignore newlines until \"baseurl:\"\n Write an awesome description for your new site here. You can edit this\n line in _config.yml. It will appear in your document head meta (for\n Google search results) and in your feed.xml site description.\nbaseurl: \"\" # the subpath of your site, e.g. \/blog\nurl: \"http:\/\/example.com\" # the base hostname & protocol for your site, e.g. http:\/\/example.com\ntwitter_username: jekyllrb\ngithub_username: jekyll\nmarkdown: kramdown\ntheme: minima\nplugins:\n - jekyll-feed<\/code><\/pre>\nCtrl+C<\/code> ile durdurup bundle exec jekyll serve<\/code> ile tekrar ba\u015flat\u0131n).<\/p>\n\u00d6n K\u0131s\u0131m (Front Matter)<\/h4>\n
---\nlayout: post\ntitle: \"Welcome to Jekyll!\"\ndate: 2024-01-01 10:00:00 +0300\ncategories: jekyll update\n---<\/code><\/pre>\nlayout<\/code>: Bu sayfan\u0131n hangi \u015fablonu kullanaca\u011f\u0131n\u0131 belirtir (\u00f6rne\u011fin post<\/code>, page<\/code>).
\n* title<\/code>: Sayfan\u0131n ba\u015fl\u0131\u011f\u0131.
\n* date<\/code>: G\u00f6nderi tarihi.
\n* categories<\/code>: G\u00f6nderinin kategorileri.<\/p>\nLayouts (\u015eablonlar)<\/h4>\n
_layouts<\/code> dizini, sitenizin farkl\u0131 b\u00f6l\u00fcmleri i\u00e7in yeniden kullan\u0131labilir \u015fablonlar i\u00e7erir. \u00d6rne\u011fin, default.html<\/code>, post.html<\/code>, page.html<\/code> gibi. Bu \u015fablonlar, i\u00e7eri\u011fi Liquid \u015fablonlama dili kullanarak yerle\u015ftirir. {{ content }}<\/code> etiketi, sayfan\u0131n veya g\u00f6nderinin ana i\u00e7eri\u011finin nereye eklenece\u011fini belirtir.<\/p>\nIncludes (Dahil Edilenler)<\/h4>\n
_includes<\/code> dizini, sitenizin farkl\u0131 yerlerinde yeniden kullan\u0131labilecek k\u00fc\u00e7\u00fck HTML par\u00e7ac\u0131klar\u0131 (snippet’ler) i\u00e7erir. \u00d6rne\u011fin, bir ba\u015fl\u0131k, alt bilgi veya navigasyon men\u00fcs\u00fc gibi. Bunlar\u0131 bir \u015fablon veya sayfada {% include header.html %}<\/code> \u015feklinde kullanabilirsiniz.<\/p>\nPosts (G\u00f6nderiler)<\/h4>\n
_posts<\/code> dizini, blog g\u00f6nderilerinizi i\u00e7erir. Her g\u00f6nderi, YYYY-MM-DD-baslik.markdown<\/code> format\u0131nda bir dosya olmal\u0131d\u0131r. \u0130\u00e7erik Markdown ile yaz\u0131l\u0131r ve \u00f6n k\u0131s\u0131m blo\u011fu ile meta veriler tan\u0131mlan\u0131r.<\/p>\nPages (Sayfalar)<\/h4>\n
.markdown<\/code>, .html<\/code> veya di\u011fer desteklenen uzant\u0131lara sahip dosyalar, sitenizin statik sayfalar\u0131n\u0131 olu\u015fturur (\u00f6rne\u011fin about.markdown<\/code>, contact.html<\/code>).<\/p>\nAssets (Varl\u0131klar: CSS, JS, Resimler)<\/h4>\n
assets<\/code> veya benzeri bir dizinde tutulur. Jekyll, bu dosyalar\u0131 oldu\u011fu gibi _site<\/code> dizinine kopyalar.<\/p>\nKoleksiyonlar (Collections)<\/h4>\n
_config.yml<\/code> dosyas\u0131nda tan\u0131mlan\u0131r ve kendi dizinlerinde (_products<\/code>, _staff<\/code>) saklan\u0131r.<\/p>\nTemalar ve Eklentiler<\/h3>\n
Varsay\u0131lan Tema<\/h4>\n
minima<\/code> temas\u0131 ile gelir. Bu tema, blog g\u00f6nderileri ve sayfalar i\u00e7in temel bir yap\u0131 ve stil sa\u011flar. _config.yml<\/code> dosyas\u0131nda theme: minima<\/code> sat\u0131r\u0131n\u0131 g\u00f6receksiniz.<\/p>\nYeni Bir Tema Y\u00fckleme<\/h4>\n
Gemfile<\/code> dosyas\u0131n\u0131 a\u00e7\u0131n ve mevcut gem \"minima\"<\/code> sat\u0131r\u0131n\u0131 kald\u0131r\u0131 veya yorum sat\u0131r\u0131 yap\u0131n, ard\u0131ndan istedi\u011finiz teman\u0131n Gem’ini ekleyin. \u00d6rne\u011fin:<\/p>\ngem \"jekyll-theme-chirpy\"<\/code><\/pre>\nbundle install<\/code> komutunu \u00e7al\u0131\u015ft\u0131r\u0131n.
\n3. _config.yml’\u0131 G\u00fcncelleme:<\/strong> _config.yml<\/code> dosyas\u0131nda theme: minima<\/code> sat\u0131r\u0131n\u0131 yeni teman\u0131z\u0131n ad\u0131yla g\u00fcncelleyin:<\/p>\ntheme: jekyll-theme-chirpy<\/code><\/pre>\nEklentilerle \u00c7al\u0131\u015fma<\/h4>\n
Gemfile<\/code>‘a ekleyin. \u00d6rne\u011fin:<\/p>\ngem \"jekyll-feed\"\n gem \"jekyll-sitemap\"<\/code><\/pre>\nbundle install<\/code> komutunu \u00e7al\u0131\u015ft\u0131r\u0131n.
\n3. _config.yml’da Aktifle\u015ftirme:<\/strong> _config.yml<\/code> dosyas\u0131nda plugins:<\/code> b\u00f6l\u00fcm\u00fcne eklentinin ad\u0131n\u0131 ekleyin:<\/p>\nplugins:\n - jekyll-feed\n - jekyll-sitemap<\/code><\/pre>\nSiteyi \u00d6zelle\u015ftirme<\/h3>\n
_config.yml<\/code> Dosyas\u0131n\u0131 D\u00fczenleme<\/h4>\n_config.yml<\/code> dosyas\u0131nda de\u011fi\u015ftirebilirsiniz. Bu ayarlar, sitenizin farkl\u0131 yerlerinde Liquid de\u011fi\u015fkenleri arac\u0131l\u0131\u011f\u0131yla kullan\u0131labilir.<\/p>\nYeni Sayfalar ve G\u00f6nderiler Olu\u015fturma<\/h4>\n
hakkinda.markdown<\/code> gibi yeni bir dosya olu\u015fturun. \u0130\u00e7ine \u00f6n k\u0131s\u0131m blo\u011funu ve Markdown i\u00e7eri\u011finizi ekleyin.
\n* Yeni G\u00f6nderi:<\/strong> _posts<\/code> dizinine 2024-03-15-ilk-yazim.markdown<\/code> gibi yeni bir dosya ekleyin. \u00d6n k\u0131s\u0131m ve Markdown i\u00e7eri\u011fini ekleyin.<\/p>\nCSS ve JavaScript Ekleme<\/h4>\n
assets<\/code> dizininde veya teman\u0131n kendi dizin yap\u0131s\u0131 i\u00e7inde tutar.
\n* Mevcut Stilleri De\u011fi\u015ftirme:<\/strong> Teman\u0131z\u0131n stilini de\u011fi\u015ftirmek isterseniz, genellikle assets\/main.scss<\/code> veya benzeri bir dosyay\u0131 d\u00fczenleyebilirsiniz. Baz\u0131 temalar, kendi stil dosyalar\u0131n\u0131z\u0131 _sass<\/code> dizinine eklemenize ve ana SCSS dosyas\u0131ndan i\u00e7e aktarman\u0131za izin verir.
\n* Yeni CSS\/JS Dosyalar\u0131:<\/strong> Yeni CSS veya JavaScript dosyalar\u0131 olu\u015fturup bunlar\u0131 assets<\/code> dizinine koyabilirsiniz. Ard\u0131ndan, bunlar\u0131 _layouts<\/code> veya _includes<\/code> dizinlerindeki \u015fablon dosyalar\u0131n\u0131za <\/code> veya