Jekyll
Practical Jekyll tutorials on Liquid templates, navigation, feeds, plugins, and GitHub Pages, with examples for building and maintaining static websites.
Browse 18 articles in this topic. View all topics.
- Jekyll vs Hugo: Two Good Static Site Generators
Compare Jekyll and Hugo by build speed, templates, plugins, built-in features, and GitHub Pages support.
- Creating a page for each tag in Jekyll
Generate a page for every Jekyll tag and link those pages from each post.
- A practical SEO setup for a Jekyll site
Add reliable metadata, a sitemap, and robots.txt to a Jekyll site with two small plugins.
- Keeping scripts out of local Jekyll builds
Use Jekyll environments to include production-only scripts and other environment-specific markup.
- Adding Staticman comments to a Jekyll site
Add moderated comments to a Jekyll site by storing Staticman submissions in the site's Git repository.
- Set up Rouge syntax highlighting in Jekyll
Enable Rouge syntax highlighting in Jekyll and connect its generated HTML to a compatible CSS theme.
- Load page-specific CSS and JavaScript in Jekyll
Load CSS and JavaScript only on the Jekyll pages that need them with front matter and Liquid.
- Add reading time to Jekyll without a plugin
Estimate and display a Jekyll post's reading time with Liquid, without installing a plugin.
- Add an RSS feed to a Jekyll blog
Add an Atom feed to a Jekyll blog with the official jekyll-feed plugin.
- How to install Jekyll on macOS
Install Jekyll on macOS with Apple's command-line tools, Homebrew, Ruby, and Bundler.
- Highlight the current page in Jekyll navigation
Add an active class to the current navigation link in Jekyll with a small Liquid check.
- Embedding GitHub Gists in Jekyll
Embed a GitHub Gist in a Jekyll post with the jekyll-gist plugin.
- How to disable Rouge syntax highlighting in Jekyll
Turn off Jekyll's default Rouge syntax highlighter in a local site or on GitHub Pages.
- Add image captions in Jekyll without a plugin
Add reusable image captions to Jekyll posts with a small include and semantic HTML.
- Show a post's word count in Jekyll
Count the words in a Jekyll post with Liquid's number_of_words filter.
- Add a Custom 404 Page to Jekyll on GitHub Pages
Create a custom Jekyll 404 page that uses your site's layout and works on GitHub Pages, including sites with organised source folders.
- Redirect Old URLs in Jekyll
Keep old Jekyll URLs working with the jekyll-redirect-from plugin, including multiple source paths and external redirects.
- Build a Navigation Menu From Jekyll Data
Keep Jekyll navigation links in a YAML data file and render them with a reusable Liquid include, including nested project links.