Bu eğitim size çok hızlı ve kullanımı kolay bir statik site oluşturucu kullanarak basit bir blogu nasıl kurabileceğinizi gösterecek.
SSG Nedir??
SSG veya Statik Site Oluşturucu, bir web sayfasındaki dinamik içeriği genellikle yerel olarak depolanan statik içeriğe dönüştüren bir web uygulamasıdır. Statik site oluşturucular, veritabanlarına ve arka uçlara ihtiyaç duymaz, böylece kodlamayı öğrenme ihtiyacını ortadan kaldırır. Esas olarak içeriği yazmaya ve sunmaya odaklanır.
SSG'ye karşı. İYS
Web siteleri oluşturmanın ve içeriği yönetmenin en popüler yolu, CMS veya WordPress, Drupal, Joomla vb. İçerik yönetim sistemlerini kullanmaktır.
CMS sistemleri, etkileşimli bir arayüz kullanarak doğrudan içerik oluşturup yöneterek çalışır. Bir CMS'deki veriler veritabanından alındığından, içerik getirilip dinamik içerik olarak sunulduğundan CMS'ler çok yavaştır. CMS sistemleri, işlevselliği artırmak için diğer geliştiriciler tarafından yazılan harici eklentilere güvendikleri için güvenlik açıklarına da yatkındır.
Öte yandan, statik site oluşturucular, metin editörleri gibi çevrimdışı içerik ortamları oluşturarak çalışır ve yayınlandıktan sonra son sayfa görünümünü oluşturur. İçerik yerel olarak oluşturulduğundan, bir veritabanına gerek kalmadan sayfa daha hızlı işlenir ve yükleme hızları inanılmaz derecede yüksektir.
Statik site oluşturucular, yayınlanan içeriği işlemek için bir motor görevi gören önceden derlenmiş koddan yapılmıştır.
Hexo ile Statik Blog Nasıl Oluşturulur
Statik bir site oluşturmak için popüler seçeneklerden biri Hexo'dur.
Hexo, NodeJS ile yazılmış basit, hızlı ve güçlü bir SSG uygulamasıdır. Statik bir site oluşturmak için başka seçenekler olsa da, Hexo sitenizi özelleştirmenize ve çeşitli araçları entegre etmenize olanak tanır.
Hexo ile basit bir statik siteyi nasıl kurabileceğimize bakalım.
Hexo'yu Yükleme
Bir site oluşturmadan önce hexo gereksinimlerini ayarlamamız ve yüklememiz gerekir. Bunun için NodeJS ve git'e ihtiyacımız var.
Sisteminizi güncelleyerek başlayın:
sudo apt-get güncellemesisudo apt-get yükseltme
Sisteminizi güncelleştirdikten sonra git'i kurun
sudo apt-get kurulum gitArdından, şu komutu kullanarak nodesource'dan nodejs yükleyin:
curl -sL https://deb.düğüm kaynağı.com/setup_14.x | sudo -E bash -apt-get install -y düğümleri
Nodejs'i kurduktan sonra, şu komutu kullanarak hexo'yu kurmaya devam edebiliriz:
npm kurulum -g hexo-cliHexo'da Çalışmak
Hexo'yu kurduktan sonra bir site oluşturabilir ve içerik yayınlayabilirsiniz. Hexo ile nasıl çalışacağımıza bakalım. Bunun hızlı ve basit bir kılavuz olduğunu unutmayın. Daha fazla bilgi edinmek için belgelere bakın.
site oluşturma
Yeni bir hexo sitesi oluşturmak için aşağıdaki komutu kullanın:
hexo init HexoSitecd HexoSitesi
npm kurulumu
Hexo Dizin yapısını anlama
Yeni bir Hexo sitesini başlattığınızda, aşağıdaki gibi bir dizin yapısı elde edeceksiniz:
-rw-r--r-- 1 cs cs 0 8 Şubat 20:51 _config.manzara.yml-rw-r--r-- 1 cs cs 2439 8 Şubat 20:51 _config.yml drwxr-xr-x 1 cs cs 4096 8 Şubat 20:51 node_modules
-rw-r--r-- 1 cs cs 615 8 Şubat 20:51 paket.json
-rw-r--r-- 1 cs cs 56716 8 Şubat 20:51 paket kilidi.json drwxr-xr-x 1 cs cs 4096 8 Şubat 20:51 iskele drwxr-xr-x 1 cs cs 4096 8 Şubat 20:51 kaynak drwxr-xr-x 1 cs cs 4096 8 Şubat 20:51 temalar
İlk dosya _config.yml, siteniz için tüm ayarları içerir. Varsayılan değerleri içereceğinden, sitenizi dağıtmadan önce değiştirdiğinizden emin olun.
Bir sonraki dosya paket.NodeJS uygulama verilerini ve yapılandırmalarını içeren json dosyası. Burada kurulu paketleri ve sürümlerini bulacaksınız.
Paket hakkında daha fazla bilgi edinebilirsiniz.json aşağıdaki kaynak sayfasından:
https://docs.npmjs.com/cli/v6/configuring-npm/package-json
Blog Oluşturma
Hexo'da basit bir blog oluşturmak için şu komutu kullanın:
hexo yeni blog “Merhaba Dünya Blogu”Oluşturulduktan sonra, işaretleme dosyasını /source/_posts dizini altında dosyalayabilirsiniz. İçerik yazmak için Markdown işaretleme dilini kullanmanız gerekecek.
Yeni bir sayfa oluşturma
Hexo'da bir sayfa oluşturmak basittir; komutu kullanın:
hexo yeni sayfa “Sayfa-2”Sayfa kaynağı /source/Page-2/index altında bulunur.md
İçerik Oluşturma ve Sunma
İçeriğinizi hexo'da yayınladıktan sonra, statik içeriği oluşturmak için uygulamayı çalıştırmanız gerekecektir.
Aşağıdaki komutları kullanın:
$ hexo üretmekBİLGİ Yapılandırma doğrulanıyor
BİLGİ İşleme başla
BİLGİ Dosyaları 966 ms'de yüklendi
BİLGİ Oluşturuldu: arşivler/dizin.html
BİLGİ Oluşturuldu: Sayfa-2/dizin.html
BİLGİ Oluşturuldu: arşivler/2021/dizin.html
BİLGİ Oluşturuldu: dizin.html
BİLGİ Oluşturuldu: arşivler/2021/02/index.html
BİLGİ Oluşturuldu: js/script.js
BİLGİ Oluşturulan: fantezi kutusu/jquery.süslü Kutu.dk.css
BİLGİ Oluşturuldu: 2021/02/08/Hello-World-Post/index.html
Oluşturulan BİLGİ: css/stil.css
BİLGİ Oluşturuldu: 2021/02/08/hello-world/index.html
Oluşturulan BİLGİ: css/fonts/FontAwesome.otf
Oluşturulan BİLGİ: css/fonts/fontawesome-webfont.pislik
Oluşturulan BİLGİ: css/fonts/fontawesome-webfont.et
BİLGİ Oluşturulan: fantezi kutusu/jquery.süslü Kutu.dk.js
Oluşturulan BİLGİ: css/fonts/fontawesome-webfont.woff2
BİLGİ Oluşturuldu: js/jquery-3.4.1.dk.js
Oluşturulan BİLGİ: css/fonts/fontawesome-webfont.ttf
Oluşturulan BİLGİ: css/images/banner.jpg
Oluşturulan BİLGİ: css/fonts/fontawesome-webfont.svg
BİLGİ 2'de oluşturulan 19 dosya.08 sn
Uygulamayı sunmak için şu komutu çalıştırın:
$ hexo server INFO Yapılandırma doğrulanıyor INFO İşleme başla INFO Hexo http://localhost:4000 adresinde çalışıyor . Durdurmak için Ctrl+C'ye basın.Sonuç
Bu hızlı ve basit giriş size Hexo statik sitesini nasıl kullanacağınızı gösterdi. Hexo ile nasıl çalışacağınız konusunda daha fazla bilgiye ihtiyacınız varsa, lütfen aşağıda verilen ana belgelere bakın:
https://hekso.io/belgeler