Son zamanlarda, web geliştirme alanında statik web sitelerinde büyük bir değişim olmuştur. Statik sitelerin bakımı kolaydır (Veri tabanı yok, Sunucu tarafı komut dosyası yok!) Ve genellikle kullanıcıların cihazlarına sunulan tek şey HTML, CSS ve Javascript dosyaları olduğu düşünüldüğünde daha güvenlidir. Bloglar ve dokümantasyon web siteleri gibi bazı web sitesi türlerinin statik hale gelmesi için, HTML dosyalarına doğrudan kod yazmak yorucu hale gelir. Ayrıca, bazı küçük özelliklerin (tasarım gibi) değiştirilmesi gerektiğinde, büyük içerikli siteleri korumak için de zorlaşır.
Statik site jeneratörleri burada devreye giriyor. Statik Site Jeneratörleri temel olarak bir grup farklı kaynak dosyasını tek bir web sitesine dönüştürür (veya derler). Bu, içeriğin düzen kodundan ayrı tutulabileceği ve resimler gibi site varlıklarının tamamen ayrı tutulabileceği anlamına gelir. Dışarıda yüzlerce bile statik statik jeneratör var. İşte en iyi 10 statik site üreticisinin listesi.
Statik Site Jeneratörleri
1. Jekyll
Tek kelimeyle: Statik Alan jeneratörlerinin kralı . Jekyll, en büyük dokümantasyon, en büyük topluluk ve en iyi destek ile orada en çok kullanılan statik jeneratördür. GitHub bile, Jekyll'e GitHub Sayfaları hizmetinde yerleşik destek sunar. Jekyll, blog bilinciyle gurur duyuyor. Jekyll'de statik bir blog yapmak gerçekten kolaydır. Sadece temel web geliştirme bilgisi gerektirir. Yeni başlayanlar için kolay kurulum özellikleri nedeniyle, aynı zamanda bunları kullanma bilgisine sahip olanlar için gerçekten güçlü özelliklere sahip olduğu için parlıyor.
Jekyll, farklı eklentiler, etiketler oluşturmanıza ve kullanmanıza, hatta Jekyll ile kullanmak istediğiniz herhangi bir biçimlendirme dili için kendi dönüştürücülerinizi yapmanıza izin verir. Diğerlerinin çoğu gibi Jekyll için varsayılan biçimlendirme dili Markdown'dur. Jekyll, Less, Stylus'u derlemek, etiket bulutları oluşturmak, bloglar için kullanıcı sayfaları ve daha pek çok şey için eklentilere sahiptir.
Jekyll Shopify tarafından hazırlanan Sıvı Şablon Motoruna dayanmaktadır. Tamamen Ruby'de çalışır, bu nedenle rvm veya bundler kullanarak bağımlılıklar ile birlikte kolayca kurulabilir. Jekyll ayrıca, WordPress, Blogger veya başka bir blog sitesinden geçiş yapmak istiyorsanız kolay geçiş seçeneklerine de sahiptir. Diğer tüm statik site jeneratörlerini kullanıcı büyüklüğüne göre aşağı indirir. Aktif olarak geliştiriliyor (GitHub deposundaki son değişiklik, bir gün önce, yazı yazarken geliyor).
Jekyll'i kurmak için, bu komutu gem install jekyll : gem install jekyll
2. Pelikan
Pelikan Python üzerine inşa edilmiş statik bir site üreticisidir. Çok dilli içerik gönderme, kod (sözdizimi) vurgulaması ve RSS ve Atom Beslemelerinin kolay oluşturulmasını sağlar. Pelican, tümü merkezi bir GitHub deposunda barındırılan hoş bir Eklenti seçeneğine sahiptir. Varsayılan olarak 3 belge formatını destekler: Markdown, reStructuredText ve Ascii Doc.
Pelikan, Python üzerine kurulu olduğu için eşsizdir. Pelikan için güzel temaların ve şablonların kolayca oluşturulmasını sağlamak için python tabanlı güçlü Jinja Template Engine'i destekliyor. Göç desteği konusunda Pelican, WordPress ve Tumblr için destek sunuyor. Yapılandırma için normal YAML dosyalarından ziyade, Pelican, yapılandırma ve ayarlar için pelicanconf.py adlı bir .py dosyasını kullanır.
Pelikan'ı kurmanın en kolay yolu pip kullanmaktır:
Anasayfa3. Aracı
Middleman, statik siteler oluşturmak için ilk kolay yaklaşımı takip eden Ruby ile çalışan statik bir site jeneratörüdür. Statik blogları korumak için, kolay etiket oluşturma, kategorize edilmiş makaleleri listeleme ve sayfalandırma için hızlı komutlar gibi güçlü özelliklere sahiptir. Middleman herhangi bir geçiş desteği sunmuyor, bu nedenle mevcut bir blogu statik yapmak istiyorsanız, Middleman şimdilik en iyi fikir olmayabilir.
Middleman, HAML, Coffeescript, Sass ve diğerleri gibi modern web geliştirme araçlarının çoğunu destekliyor. Varsayılan şablon motoru eRb'dir, ancak seçtiğiniz özel bir şablon motoruna geçmenizi sağlar. Tüm Tilt özellikli şablon motorları (tam liste burada bulunabilir) Middleman'da çalışır. Yerel olarak 2 yapılandırma formatını destekler - YAML, JSON. İçeriğinize ilişkin ön madde, kullandığınız yapılandırma biçimine bağlı olarak YAML veya JSON olmalıdır.
Ruby kullanarak Middleman'i kurun: gem install middleman
4. Metal İşleme
Metal ustası takılabilir statik saha jeneratörü olmaktan gurur duymaktadır. Bu, tüm Metalsmith mantığının eklentiler tarafından ele alındığı anlamına gelir. İhtiyacınız olan herhangi bir özellik, gerekli eklentileri eklemeniz yeterli. Metalsmith tarafından sunulan çok sayıda eklenti neredeyse her yarışmacıyı yener (belki Jekyll ve Docpad'i yasaklar). Bu, Metalsmith'in yalnızca statik bir site jeneratöründen daha fazlası olarak kullanılabileceği anlamına gelir.
Kendi sözleriyle “Her şey bir eklenti olduğundan, çekirdek kütüphanesi aslında sadece bir dosya dizinini işlemek için bir soyutlamadır ”. Bunun nihayetinde elde ettiği şey, Metalsmith'i bir proje iskelesi, bir ebook üreteci, bir yapım aracı, teknik dokümantasyon ve daha fazlası (Metalsmith web sitesinde gösterilen örneklerden bazıları) kadar kolay kullanmanızdır.
Metalsmith Node.js tabanlıdır ve şu düğüm yöneticisi ile birlikte $ npm install metalsmith : $ npm install metalsmith
Homepage 5. Arp
Harp, herhangi bir ekstra yapılandırma olmadan Jade, Markdown, LESS, Sass, Coffeescript, EjS ve Stylus için ön işlemlere sahiptir. Ayrıca diğer statik site üreticilerinde özel eklentilere ihtiyaç duyan Jade ve EjS ile paftaları / kısmi paradigmayı kullanmanıza izin veriyor.
Arp, Düğüm.J'ler üzerine kuruludur ve Dropbox klasörünüzden web sayfaları oluşturmanıza izin veren Harp Platformu ile birlikte çalışabilir. Arp, GitHub sayfalarında, PhoneGap'te ve Heroku'da kullanılmak üzere sayfaları da derleyebilir.
sudo npm install -g harp için npm kullanın ve çalıştırın: sudo npm install -g harp
Anasayfa
6. Ahtapot
Teknik olarak Ahtapot, değiştirilmiş bir Jekyll çatalıdır, ancak büyük popülerliğinden dolayı bu listeye dahil edilmiştir. Ahtapot temelde bilgisayar korsanları (ve ray geliştiricileri) için Jekyll'dir. Octopress'i özelleştirmek, özellikle de blog oluşturuyorsanız, varsayılan olarak Octopress, Jekyll'de bir blog çalıştırmak için ihtiyaç duyacağınız birçok eklentiyi içerdiğinden.
Özelleştirme bölümünde, Octopress kodu, kullanıcıların kodu değiştirmesini ve kendi kodunu yazmasını kolaylaştırır. Bununla birlikte, Octopress için pek çok eklenti Jekyll ile uyumludur (ve tersi de geçerlidir).
Octopress'i yüklemek için
- GitHub deposunu klonla
git clone git://github.com/imathis/octopress.git octopresscd octopress - Bağımlılıkları Yükle
gem install bundlerrbenv rehash# Eğer rbenv kullanıyorsanız, bundle komutunu çalıştırabilmek için rehashbundle install - Varsayılan Octopress temasını yükleyin
rake install
7. Docpad
Docpad dinamik bir statik site üretecidir. Bir sorgu altyapısı üzerinden veritabanı sorgulama, harici veritabanlarından sayfaları içe aktarma ve web sayfasını her istek üzerine yeniden oluşturma gibi özelliklerle normal statik site jeneratörlerinin yeteneklerini genişletir.
Docpad, Coffeescript, Stylus ve LESS gibi ön işlemciler için doğal desteğe sahiptir ve şablon motorları, ön işlemcileri ve işaretleme dillerini desteklemek için eklentiler kullanır, böylece istediğiniz eklentiyi kullanarak istediğiniz kombinasyonları seçebilirsiniz. Docpad ayrıca Tumblr, GitHub ve Dropbox gibi harici kaynaklardan sayfaların eklentiler yoluyla içe aktarılmasını da destekler.
Docpad çok sayıda eklenti ve harika belgeleri olan zengin özellikli bir platformdur. Sunucu etkileşimleri için Node.js temel alınarak oluşturulmuştur.
Docpad'i npm kullanarak kurun: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Anasayfa
8. Hekso
Hexo, caydırıcı hızlı site oluşturma hızıyla gurur duyan hafif ve statik bir blog çerçevesidir. Hexo, basit bir statik site oluşturucusu isteyen büyük miktarda içeriğe sahip blogcular için mükemmeldir. WordPress, Joomla, Jekyll, Octopress ve RSS gibi diğer blog platformlarından kolay geçiş seçenekleri sunar. Hexo ile ilgili en güzel şeylerden biri, Octopress için üretilmiş eklentilerin çoğunu kullanabilmenizdir (ek olarak Jekyll için yapılmış eklentilerde çok küçük değişiklikler yapılmış).
Hexo, ön madde ve konfigürasyon için Markdown, YAML'ı destekliyor. Hızlı yapısı ile tutulan Hexo, GitHub, Heroku ve Rsync gibi sitelere tek bir komutla dağıtmanıza izin veriyor.
Hexo, Node.js kullanılarak yüklenebilir: npm install hexo-cli -g
9. Hugo
Hugo, şablonlar ve kısmi destek, sayfalama ve temel olarak benzersiz bir içerik kategorizasyon sistemi olan onu takip eden 'taksonomiler' gibi çok yönlü özellikleri olan genel amaçlı bir statik site üreticisidir. Bu, gönderileri yalnızca etiketler temelinde değil, kategoriler veya diziler gibi doğrudan ön maddeden istediğiniz gibi kolayca da sınıflandırabileceğiniz anlamına gelir. Hugo, üç veri dosyası türünü destekler - YAML, JSON ve TOML ve hangisinin sizin için en uygun olduğuna karar vermenizi sağlar.
Eklentiler yerine, Hugo, Markdown'ınızın içinde zengin içerik kullanmanıza izin veren 'shortcode'ları kullanır. Bunun nasıl çalıştığını bilmek için bu makaleyi okuyun. Hugo, Go programlama dilinde yazılmıştır ve GitHub sayfasında farklı platformlar için ayrı kurulum dosyaları sunar. Hugo'yu tam olarak nasıl kullanabileceğinizi bilmek için, Hugo'nun kurulum talimatlarını okuyun.
Homebrew kullanıyorsanız, Hugo ve bütün bağımlılıklar aşağıdakilerle kurulabilir: brew install hugo
10. Brunch
Brunch, bloglar ve web siteleri yerine HTML5 web uygulamalarına yönelir, ancak yine de kullanımı kolay, hızlı bir statik site üreticisidir. Yalnızca tüm kodlarınızı ve komut dosyalarınızı derlemekle kalmaz, aynı zamanda kodunuzu küçültebilir (küçültebilir) ve görüntüleri otomatik olarak sıkıştırabilir. Brunch, gereksinimlerinize göre özelleştirmek için kullanabileceğiniz bir dizi eklentiye sahiptir. Brunch eklentilerinin tam listesini burada bulabilirsiniz.
Brunch, web sitenize (veya web uygulamanıza) başlamanız için temel olarak kazan plakları olan 'iskeletler' sunar. Brunch, projenizin değişmeyen tüm bölümlerini önbelleğe aldığından ve yalnızca gözden geçirilmiş dosyaları derlediğinden, en hızlı derleme hızlarından birini sunar. Brunch Node.js üzerine kuruludur ve npm kullanılarak kurulabilir: npm install -g brunch
Bu yazı hakkında herhangi bir öneriniz var mı? Yorumda yaz!
