jekyll static site generator template-based site generation svetlin nakov technical trainer ...
TRANSCRIPT
![Page 1: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/1.jpg)
JekyllStatic Site Generator
Template-Based Site Generation
Svetlin NakovTechnical Trainerwww.nakov.comSoftware Universityhttp://softuni.bg
![Page 2: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/2.jpg)
2
1. What is Jekyll
2. Installing Jekyll
3. Jekyll in Action
Table of Contents
![Page 3: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/3.jpg)
What is Jekyll?
![Page 4: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/4.jpg)
4
Jekyll is a simple, blog-aware, static site generator Generates a Web site by predefined templates
Layout / design templates (page layout, header, footer, sidebar, etc.) Content template (pages content, posts content)
Used by front-end developers for building static sites E.g. to demonstrate their site / front-end in action
Open-source project in GitHub, Ruby-based Official site: http://jekyllrb.com
What is Jekyll?
![Page 5: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/5.jpg)
Installing Jekyll
![Page 6: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/6.jpg)
6
Installing Jekyll is really a pain!
1. Install Ruby
2. Install & configure DevKit
3. Install Jekyll
4. Install Python
5. Fix pygments.rb
To install Jekyll in Windows, follow this guide: https://github.com/juthilo/run-jekyll-on-windows/
Installing Jekyll
![Page 7: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/7.jpg)
Jekyll in ActionLive Demo
![Page 8: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/8.jpg)
Questions??
??
?
?
??
?
?
https://softuni.bg/courses/web-fundamentals/
Jekyll
![Page 9: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/9.jpg)
License
This course (slides, examples, demos, videos, homework, etc.)is licensed under the "Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International" license
9
Attribution: this work may contain portions from "HTML Basics" course by Telerik Academy under CC-BY-NC-SA license
"CSS Styling" course by Telerik Academy under CC-BY-NC-SA license
![Page 10: Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University](https://reader036.vdocument.in/reader036/viewer/2022062519/5697bfaf1a28abf838c9ce83/html5/thumbnails/10.jpg)
Free Trainings @ Software University Software University Foundation – softuni.org Software University – High-Quality Education,
Profession and Job for Software Developers softuni.bg
Software University @ Facebook facebook.com/SoftwareUniversity
Software University @ YouTube youtube.com/SoftwareUniversity
Software University Forums – forum.softuni.bg