Една от трудностите, които изпитах, когато опитайте се да преминете от Worpress до Jekyll fТрябва да разбера за какво е служил всеки компонент и как са си взаимодействали помежду си. Намерих решението, когато спрях да се опитвам да създам своя блог от нулата и започнах да реверсирам тема разработена от някой друг. Предимствата на отворения код.
За да започнете, ако приемем, че сте инсталирали предпоставките, които посочихме в предишните статии, нека изградим нашия сайт. Примерът е градинарски блог.
jekyll new blog_de_jardineria
Ако отидете в папката, ще видите следното:
- Папка, наречена _постове.
- Два файла с разширение за намаление
- Уеб страница.
- Конфигурационен файл с разширение .yml, който ще разгледаме подробно в следващата статия.
- Gemfile файл, който изброява компонентите на сайта и друг със същото име, но с разширение .lock, което предотвратява неволни модификации.
Структурата на проекта
Както всеки сайт, базиран на WordPress, Jekyll също създава структура на папки, където съхранява всички файлове, и го прави по същите причини. Позволете на потребителя да групира файловете подредено и с напредването на проекта да остане управляем.
Създаваме основната папка с командата jekyll new.
В него откриваме два вида папки; тези, които са свързани с конфигурацията на блога, които са идентифицирани с тире пред името (в нашия случай папката _post и тези, които имат ресурси, които няма да бъдат включени като част от процеса на създаване. Например тези, които съдържат изображения.
Папки, базирани на съдържание
В тази група se съхранява съдържание, предназначено за посетители на сайта
_ пост
Папката _POST съдържа всички записи в блога. Тук се използва много специфичен формат за всеки от файловете, които са записани в него. Името на файла трябва да бъде във формата на date-filename - year-month-date-full_filename.md - и тази дата на публикуване ще бъде показана като датата, на която е направена тази публикация в блога на Jekyll. Трябва да имаме предвид, че макар папката да се нарича _ публикации, тук е цялото съдържание, което ще видят читателите на блогове, например формата за контакт или биографиите на авторите. По-късно ще видим, че е възможно да се присвоят различни дизайни на страниците.
_проекти
Това е еквивалент на запазване на чернова на WordPress. Неговата препоръчителна употреба е за публикации, които не са готови за публикуване, въпреки че могат да се използват за съхраняване на списъци с идеи, проекти, които да се използват по-късно и т.н.
_включва
В това пространство можем да съхраняваме html код, който може да се използва повторно няколко пъти. Например, в нашия случай банер, който поздравява началото на сезона в зависимост от полукълбото, в което се намира потребителят.
_програми
Както казахме по-горе, различни части от съдържанието може да се нуждаят от различни оформления. Например, за да покажем видео, може да искаме страницата да бъде една колона, докато ако е гост автор, ще ни е необходима колона, която да показва тяхната биография и информация за контакт. Различните дизайни, които сайтът ще използва, се съхраняват в тази папка.
Информационни папки
Тези две папки се използват от сайта за неговата работа.
_данни
В едноличен блог конфигурационният файл може да съхранява всички необходими данни. Но ако имаме блог с много автори, е необходим друг начин за управление на информацията. Папката _данни Използва се за съхраняване на данни в JSON или CSV формати, които сайтът може да извлече според взаимодействието с потребителите.
_ако ти
Папката _ако ти Сайтът го допълва с цялата информация, налична в предишните папки. Тук ще намерим сайта, който ще качим на сървъра, така че потребителите да имат достъп. Разбира се, тъй като това е html и css код, е възможно да се правят промени в него като всеки друг уебсайт.
В следващата статия ще започнем да модифицираме конфигурационния файл.