2 HAZİRAN 2014, PAZARTESİ

Jekyll, Statik Site Jeneratör İle Çalışmaya Başlama

Mavi biri benim adım Nelson seçti değişiklik ve ben de bebek yapmak istiyorum sen web siteleri web sitesinin ile belki bebekler Ben web sitelerini yapmak yani 2 çağrılan benim kanalda son birkaç haftada bir dizi bina edilmiş videoları baştan sona bir web sitesi yapmak için nasıl denir ve İrlandalı gördüğünüz gibi masada bir koltuk gibi herkese vermek zorunda Bir pic keşif ve düşüncesi başlayan bütün yaratıcı süreç yaklaşık empati organizasyon konuşmak hakkında konuştuk kroki vuruştan yapıyor nerede çerçeveleri ve son ama hatta biraz vermedi bit% uh görsel tasarım ama ben bugün için bu ö

zel bir video sefer yaptığımız deneyin böylece çocuklar ve kızlar PHP Akademisi seviyorum İlk teknik S & ciddi olsun ve bunu paylaşmak için heyecanlıyım biz ne yapıyoruz anlamak için herhangi bir bu diğer videoları izle

mek gerekmez Bugün bugün kendi üzerinde duruyor Eğer biraz daha bağlam istemiyordu ama eğer bir bağlantı var Aşağıdaki açıklama biz inşa ettik ve bu işte bir çalma listesine Bizim kalkınma kurma bakarak yapmak i

“Günümüz bölümde, Travis Neilson dan (DevTips) [https://www.youtube.com/user/DevTipsForDesigners] yerel Jekyll Kurulum kurma sürecinden geçer ve bize çalışma parça...”
Codecourse

çin savaş yorgunu tek sayfa, tek bir sayfa portföyü inşa edildi sanatsal bir olabilir için bir tasarımcı için emekli bilmek ya da farketmez besteci, tek bir sayfa portföy konik olduğunu web sitesi o yetenekleri ile projeye kadar ihtiyaçlarına uygun her zaman önemlidir Platformlar bu nedenle bu proje için Çakal denilen statik site jeneratör kullanmak seçtiniz sizin gibi çek veya şeyler aşina değilseniz benim için anlatalım temel ilkeler Burada b

Jekyll, Statik Site Jeneratör İle Çalışmaya Başlama Resim 1 Jekyll, Statik Site Jeneratör İle Çalışmaya Başlama Resim 2 Jekyll, Statik Site Jeneratör İle Çalışmaya Başlama Resim 3 Jekyll, Statik Site Jeneratör İle Çalışmaya Başlama Resim 4

urada yer size bir şablon yapmak nasıl çalışır Eğer içerik Jekyll çalıştırmak yapmak ve almak Bütün sitesi bireysel statik HTML sayfaları Eğer statik sayfalar aldıktan sonra sadece dışarı herhangi bir temel sunucuya yükleyebilirsiniz Orada Eğer bu bir web sitesi olsun olmanın duyuyorum birkaç heyecan verici gerçekten harika nedenleri Bir numaralı sunucu üzerinde bir veritabanı konuşmak gerekmez çünkü sayfa isteği onun bir çok daha hızlı iki numarası Hiçbir veritabanı olduğundan sitenizin çok daha güvenli olacak Bunu

kesmek için hiçbir yolu yoktur ve hiçbir veritabanı var da çünkü daha az var parçalar senin kısımlar yanlış gidebilir az şey anlamına gelir, böylece araç senin parçaları korumak için daha az bakım Ayrıca konuya ödemek için daha az şey var demektir çünkü Aslında web sitesinin bakımı aslında çok ucuz bir yol jekyll web siteleri çok hızlı ücretsiz olarak barındırılan ve çok güvenilir tekrar gözlemci ana sayfaları almak ve nihayet Jekyll olarak yazabilirsiniz anlamı farkında blog sizin markdown içerik böylece blogcular ve markdown meraklıları için bu harika Genişletilmiş hakkında daha fazla bilgi için bölüm içine menüleri Jekyll kullanır sayı 54 Sonraki Web podcast Fujin Simmons genç el ve Dave Cole ile konuyu tartışır başarılı Amerikan Başkanı Barack Obama'nın iktidara Jekyll kullanan Kampanya web sitesi, son dönem bağlantı da çok ilginç bir podcast çift ​​açıklama şu check out Genel Eğer sisteminize yüklemek gerçek bf sadece yukarı büyük bir BOERS aldı ise gün ve şimdi sürüm 2 üzerinde çalıştığı çakallar sitesinde bazı gerçekten hızlı ve kolay talimatları var Başlamak için nasıl bu kadar nerede olacak burada şu izleyin olduğunu yapmanız gereken ilk şey yüklemek böylece% um ilk çakal jekyll sn kurmak yapmak için bazı şeyler Jekyll Jan Jekyll yüklemek Büyük şimdi Çakallar biz sadece yukarı olduğundan emin olmak için kontrol edin kontrol edebilirsiniz yüklü sana erken bu kişinin Jekyll korumaya yapmak s atılgan ve bize 102.3 harika tamam bir sonraki adım anlatacağım yuvarlak iki Buraya Hızlı Başlangıç ​​talimatları yeni bir genel başlatmak için olduğunu proje Biz sadece burada bir sürü var ama şimdi vardır ikiye göreceksiniz erkeklerde sağ yeni Jekyll durdurmak için biliyorum Bir portföy portföy adıdır Her iki projenin de yeni bir proje yarattı modesto bütün portföyü belkide burada harika görünüyorsun Proje orada büyük yani oturan I da görmek istiyorum Benim proje klasörünün içinde onları% olarak uh projeye Ben jekyll vermektedir yazabilir ve Şimdi jekyll derleme onun çalışma çalışan Sanırım işe yarar içine hakkında daha önce konuştuk tüm bu dosyaları değilim ayrıca site yapısı ve burada bir sunucu kurmak onun gon benim tarayıcı üzerinde çok kötü 4000 olmak Bir süre içinde yerel ana 4.000 Şimdi biz jekyll sitesi yukarı ve çalışan ve bu orman teması görebilirsiniz hangi varsayılan tema dürüst olduğunu oldukça güzel ama bir ücretsiz jekyll ekipleri orada ton vardır Yaz aylarında onlar da oldukça güzel şimdi biz bir jekyll sitesi yukarı ve iş gibi çalışan olması neredeyse bitti olduğu ama en nasıl aşina get içinde jekyll projeleri olan bir tur atalım Bu tür bir şey çalışıyor ve benim yeni proje ve iğne düzenlenen nasıl benim duyamadım ve biz tamam ilk en önemli dayatılan bir göz atacağız çakal yapıda dosyası bu yapılandırma olduğunu YAML takımından Yemen belgesini böylece yapılandırmak izin Bunun üzerine biz konuşurken bu durumda ayarların bir grup var başlık e-posta ve açıklamasını okuyabilirsiniz ve farklı ayarlar var ki tam burada can istediğiniz yere Bence gibi sunucu olmak yapmak sayfa yıllar olmasına rağmen figürasyon için Bu yapılandırma ayarları Bildiğiniz işlemekle Ben istedim bu yüzden bir örnektir Benim mahkemede ne en bir şey için dışarı dışında başka bir şey olmalı EDAD için 4200 ya şimdi böyle bir şey benim sunucuyu yeniden başlatın ne zaman şimdi ne hakkı var üzgünüm bir komut komutanı istifa var Kontrol C hasta kontrol C çıkın ve sonra sunucuyu yeniden başlatın şimdi biz liman 88 easels serin raporu olduğunuzu fark Orada çalışan bizim setleri herhangi fakat işe yaramıyor 4000 ya da çok farklı yapılandırma ayarları bir sürü içinde var olabilir belgeleme çakal üzerinde web sitesi anlamak gerçekten kolay ve Serin şeyleri seviyorum seni ben yapmak ama en geçelim edebilirsiniz Eğer yapılandırma dosyasına baktım sonra Önemli klasör yapıları bir sürü anlama var Jekyll ile çok um ile başlayalım site site klasörü daha önemli olanları otomatik çakal tarafından oluşturulacak size gereken bir şey değil, Kendinizi manipüle ne olur, çünkü tüm aslında o temas etmemelidir jekyll bütün alacak çalıştığında ise sayfalarınıza Ve sizin şablon içerik mesajları içerir ve onlar bulunmalıdır bunları nasıl kılacaktır% içinde onları sopa Vista uh Site klasör yani aynı klasör hale versiyonu hepsi burada sayfalarınızı ve olduğunu Bu blogunuza bu yüzden bu bu URL'yi yaratacak olan URL ile nasıl olduğunu görmek Tüm bu fotoğraflar bu jekyll bunlar nasıl işliyor gelip Ben render tamamen tamamen ikiden fazla sayfa anlar bizim Şablon sunucuya konuşurken ya da üzgünüz talep Öyle bir pislik West değilim Bütün bu olmuyor ve çakal çalıştırırken ve sadece bu sayfaları oluşturmak değil, aynı zamanda tüm varlıkları hareket etmez, tüm sizin yanınızdaki yıllarda görüntüler CSS olacak film JavaScript içine Dokunmadan ama anlamak zorunda için bkz sitesi aynı klasör son ne olduğunu hangi ürün nesne çalışma düzeni klasörü biliyor çağrıları olduğunu diğer önemli bir bu içerir bu bir aşağıdadır Burada varsayılan şablon böylece ana şablonlar içeren yapı ve sadece normal bir jeneralize sayfası ve ardından kullandığınızda Başka bir sayfa sonrası olacağını bu yüzden ayrıntılarına girmek Bu kimse yayımlandı o gün için kontenjan yapacak biliyorum Burada orta 80 bir sanat orada eğer sen olduğunu biliyorum Varsayılan yazı ise yazı başlığı hiç az yok Sadece bu sarma içine dökülen gerekiyordu içerik ne diyor Burada sınıfları teslim İtalya dışarı onlar kullanıyorsanız fark edeceksiniz olanlar Eğer güzel Oranı istiyorsanız, bu yüzden bütçe buraya dahildir Daha sonra bir kod modüler sen senin de içerir vereceğini çizili bunu okumak gerekecek başınız zaten burada zorla dahil iki kere Sadece orada ve tüm dosyaları içine ya da ana şablon içine dahil ve sonra bildiğiniz senin sonraki dosyaları bu miras Yeni bireysel blok girişlerinde bulunan edilecek adlandırılmış nasıl bu sana göstermek işitme klasörü böylece postsolder çizgi bunu yayınlandı tarih ve başlık biraz isim o Randy ne zaman ve sonra sağ dizinde gibi beni koyacağız Jekyll duyuyorum Daha önce baktı Sadece burada bu klasör oranı dolduracaktır bütün mesajlara doğru ve ardından çıkış faturası sağ bir klasör yapısı yerleştirilir olacağını kol Bunu kullanabilir çıktı söylemek için hayvan yapılandırmak Eğer kalıcı bağlantı yapmak istiyorsanız Ben gündüz ya da sadece adı veya kategoriye göre kulüpler hepsi çok temiz ve düzenli ben bu yüzden orada farklı seçenekler çok şey var Gerçekten de öyle Şimdi ille uh her içerik sayfasını üst% görünür düzenleri ve ve şablonlar ama engelleyici ne içerik sayfaları Bunun üzerine Metin ve bu ön mesele olarak adlandırılır bu çiftleşmiş geldiğinde alanlarda gerçekten güçlü Bütün bu küçük şeyler çakal olan şablon motoru onlar zaten başlığında d gibi birkaç standart olanlar var anlamına edebilirsiniz Eğer kullanımının koyabilirsiniz çok yaygındır ama ama onlar bir şey denir ve daha sonra sadece dışarı tutun olabilir her yerde içine tüm sopa şablonun sık sık bana özel sınıf adı olarak sayfa yukarı ve vücut etiketi sonra zaman ben Bir bir yazı yazarken veya bir sayfa yazarken veya tüm çağrı içinde zaten burada Michael bunu Resepsiyon son ve ben bu 10 yazıyorum zaman gitmiyorsun Hoş Geldiniz sözde karşılama söyleyeceğim bu nedenle bu şekilde vücut etiketinde özel sınıf kukuleta var Ben bu özel yazı için herhangi özel bir stil yapmak gerekirse ya da işte bu yazı sayfa ön mesele değişkeni görebilirsiniz karşı başlık daha sonra burada beyan ve Şablon sonrası şablonunda orada çalıştırıldı o yüzden burada sizin yanınızdaki aradığını Willingboro olduğunu Orada her birine Kenny paldon olduğunu ve bu nedenle bu tapınak aynı zamanda daha düşük burada görebilirsiniz değişkenler olduğunu olabilir Ben bu yüzden civciv üzerinde katılıyor Bu sayfayı daha sonra bir gün varsa bildiğiniz Bu sayfayı daha sonra su samuru adını yazdırmak bir yazar varsa gün yazdırmak Farklı yaralı ve hiçbir ve mümkün sen bütün bu bloğa da burada yuva mantığı can Eğer onlar bile içerebilir istiyorum bu sarı değişkenler her şeyi yapabilir eksiklik Eğer ekstra takarak yapabilirsiniz Marcus Her takım İki farklı sayfalarda HTML dinamik posta veya sayfa yukarı içerik gününde dayalı böylece yeni dijital ile biraz akıllı get gerçekten kullanışlı olabiliyor sass derlemek yeteneği bu yüzden o yüzüğü almak zorunda benim için oldukça heyecan verici Ben CSS klasörüne üzerinde çalıştırmak duyuyorum ve en sadece duygusu bu işe bayan değişikliği yapalım ve daha sonra eve yukarıdan yemek gitmek gerekir senin sass kesindir Eğer um bir başlık tamamen gerekiyor mu% koymak gerekir Sadece kaydetmek kısa sürede orada ve o olması gerekiyor aşağıdadır kritik karşı Jekyll çalıştırın ve sonra tekrar çalıştırmak için Aslında tekrar çıkmak sana Jekyll çalıştırabilirsiniz bir numara göstermek Onlar dash dash lansmanı ile olur eğer o benim kod izleyecekler ve Daha sonra herhangi bir değişiklik varsa o olacak Çıktı jekyll Sony'nin yeni bir sürümü söylüyorlar Burada ve sadece tekrar Jekyll tetiklemek nasıl böylece eşek çalışan değiştirir var ve içinde Ben gerekecek benim aziz Serin beri görülmüş bu yüzden biz alışık gerçekten heyecan verici şimdi hangi sass dönüştürür cerrahi değilim sass çalıştırmak Jekyll Jekyll ile paralel olarak terminalde ayrıca kahve eğer iyi yapar Haritada konum Onu bu videoyu zevk jekyll statik sitesi jeneratör umut tur tanımlamak Gelecek hafta Jekyll kullanıma içine atlayabilir ve biz son 2-3 için üzerinde çalıştığım bir proje geliştirmeye başlayacağız hafta bugün için kurulan proje ile ilgili daha fazla bilgi için taşması ve DEF ipuçları burada bu çalma bir göz atın biz tamamladıktan sonra bu noktaya kadar oluşturulan videoları kavga çıkarmak için proje Ben senin hücre için kullanmak ücretsiz siteyi dağıtıyor olacağız bu yüzden onların ilerlemesini kendi kontrol ipuçlarını geri kickin tutmak ve Ayrıca beni jack hakkında biraz daha konuşmak ya da ben duydum katılmadan Bir süre önce arkadaşım Jonathan ile bir işbirliği gerekli Bir tarafta tasarı ve John I AB'nin jekyll kötü bir zaman var John çakal o kadar geçen hafta John ziyaret ısıtır Onu üzerine dönüştürülecek yardımcı olabilir ve Jekyll hakkında onunla bir konuşma görmek jekyll severler evine aslında burada bu çubuğunu tıklatın gitti ve bir bağlantı da var nasıl görmek için tarifnamede Tamam aşağı aşağıda video Bu videoyu izlemek için çok teşekkür ederim ve Büyük eyvallah Alex icar üzerinde tutan bir PHP kedi gider çok daha kötü beni Burada bu videolar hack tutmak çok teşekkür ederim oldu.

Açıklama

Günümüz bölümde, Travis Neilson dan (DevTips) [https://www.youtube.com/user/DevTipsForDesigners] yerel Jekyll Kurulum kurma sürecinden geçer ve bize çalışma parçalarının bir tur verir ve nasıl kullanılacağını Jekyll . 01:17 - Jekyll bakış 03:09 - yükleme 05:10 - Tur 10:19 - Ön-madde 00:24 - Sass 13:52 - Ayrılık düşünceler Jekyll Sitesi / Docs: http://jekyllrb.com/ Web Ahead Podcast: http://5by5.tv/webahead/54 DevTips Proje Playlist: https://www.youtube.com/playlist?list=PLqGj3iMvMa4KQZUkRjfwMmTq_f1fbxerI Jekyll video hakkında Jon konuşmak: http://youtu.be/u22CLlw4_hg Phpacademy ve daha özgür web geliştirme öğreticiler zevk abone olun! Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



9.7/10

  • 694
    Olumlu
  • 21
    Olumsuz
  • 172
    Yorum
  • 65037
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • DrePwn

    DrePwn

    22 Temmuz 2011
  • Joshua Bane

    Joshua Bane

    24 Temmuz 2007
  • Tina Chen

    Tina Chen

    26 Mayıs 2012

ANKET



Bu sayfa işinize yaradı mı?