Jekyll Static Site Generator Template-Based Site Generation Svetlin Nakov Technical Trainer Software University

2 1.What is Jekyll 2.Installing Jekyll 3.Jekyll in Action Table of Contents

What is Jekyll?

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: What is Jekyll?

Installing Jekyll

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:  Installing Jekyll

Jekyll in Action Live Demo

? ? ? ? ? ? ? ? ? Jekyll

License  This course (slides, examples, demos, videos, homework, etc.) is licensed under the "Creative Commons Attribution- NonCommercial-ShareAlike 4.0 International" licenseCreative Commons Attribution- NonCommercial-ShareAlike 4.0 International 9  Attribution: this work may contain portions from  "HTML Basics" course by Telerik Academy under CC-BY-NC-SA licenseHTML BasicsCC-BY-NC-SA  "CSS Styling" course by Telerik Academy under CC-BY-NC-SA licenseCSS StylingCC-BY-NC-SA

Free Software University  Software University Foundation – softuni.orgsoftuni.org  Software University – High-Quality Education, Profession and Job for Software Developers  softuni.bg softuni.bg  Software Facebook  facebook.com/SoftwareUniversity facebook.com/SoftwareUniversity  Software YouTube  youtube.com/SoftwareUniversity youtube.com/SoftwareUniversity  Software University Forums – forum.softuni.bgforum.softuni.bg