2015
Lynda
James Williamson
4:27
English
Jekyll is a static website generator. That means no databases or plugins—just content. Sites are generated through the command prompt, but Jekyll is designed so that even nondevelopers can use it. Here James Williamson breaks down the Jekyll "gem" in simple, nontechnical terms that most designers can understand. He shows how to build templates and individual pages by using the Liquid template language, Markdown, and YAML front matter, which Jekyll then processes to generate the finished site. James also shows you how to build a blog with a blog index, pagination, standalone pages, and an archive page based on tags. In the final chapters, he demonstrates how to deploy Jekyll websites using GitHub Pages.
Introduction
Welcome
How to use the exercise files
What you should know before taking this course
1. Jekyll Basics
Introducing Jekyll
Previewing the finished site
Installing Jekyll
Generating a new site
Exploring functionality
2. Configuring Jekyll
Jekyll and YAML
Exploring the configuration file
Setting basic config options
Adding site assets
3. Planning Templates
Using Liquid
Starting with page mockups
Building the initial template
Setting page titles
Adding metadata
Linking to page assets
Building navigation
Adding page content
Using includes
4. Creating the Blog Index
Creating basic structure
Setting front matter
Displaying post title
Displaying dates
Adding post excerpts
Displaying multiple blog posts
Setting pagination options
Creating pagination links
Controlling pagination logic
5. Writing Posts and Pages
Markdown basics
Adding front matter
Naming conventions
Formatting headings
Emphasizing text
Adding lists
Creating links
Including images
Adding a blockquote
Formatting code blocks
Creating permalinks
Using Markdown for pages
6. Creating Archives
Tags and categories overview
Defining tags
Creating an archive page
Capturing and sorting tags
Displaying a tag list
Creating a tag cloud
Linking to tags
7. Deploying Sites
Deployment options
Deploying to GitHub Pages
Creating a GitHub account
Establishing a project repo
Connecting to GitHub
Setting the base URL
Creating a gh-pages branch
Uploading to GitHub
Previewing locally
Updating your site
Conclusion
Additional resources
lynda.com/Jekyll-tutorials/Jekyll-Web-Designers/383124-2.html
Download File Size:763.32 MB
|
