Ruby-based static site generator with blogging and collections
- Creating a staging environment for Jekyllby Eduardo Bouças TutorialFeb 22, 17
A staging or pre-production environment is a testing infrastructure that replicates as best as possible the setup of a live site. In the context of a Jekyll site, it can be used to share a new post or feature with a selected group of people before a roll out to the general public. In this post, I’ll show you how I created one and how I make use of it.
- Automating Jekyll deployment to S3 using CircleCI in codeby Ricky Smith TutorialFeb 01, 17
I’ll guide you through the configuration steps I’ve taken to get my site automatically deploying to S3 (hosted by CloudFront) using CircleCI whenever you push to your master branch.
- Setting Up Jekyll for GitHub Pages in 60 Secondsby CJ Melegrito, Tutsplus TutorialJan 11, 17
Jekyll can be used with GitHub Pages to create simple, blog-aware, static websites. This video will show you how to setup the bare-bones Jekyll flat file structure in 60 seconds!
- How to Setup a Jekyll Themeby Kezz Bracey, Tutsplus TutorialJan 11, 17
Right now Jekyll themes are not self contained packages need to be applied through an installer. When you download a Jekyll theme you’ll actually also download all the files required to run an entire Jekyll site.
This will be changing in a future version of Jekyll, but for now you’ll need to know how to deal with the fact Jekyll themes come with a whole site attached to them.
- Creating responsive video embeds in Jekyllby Eduardo Bouças TutorialDec 26, 16
Making video embeds responsive is not always straightforward. Ideally, we’d have a way of making the embed take up the full width of a container (no more, no less) whilst maintaining the original aspect ratio of the video.
- Publishing Jekyll updates with gitlab-ciby Lars Olafsen TutorialDec 11, 16
In short, the GitLab CI is a set of commands that can be run when a repository receives a push, when an API is called, or when it is triggered by someone through the GUI. The commands are specified in a given YAML formatted configuration file - .gitlab-cy.yml which contains a set of specific keywords and arguments.
- Improving Static Comments with Jekyll & Staticmanby Michael Rose TutorialDec 09, 16
In the months after ditching Disqus for a static-based commenting system, Staticman has matured with feature adds like threaded comments and email notifications.
- Hutch Codes — Azure Search for Jekyllby Jeremy Hutchinson TutorialDec 08, 16
I added Azure Search to my static site built with Jekyll through the use of Azure Functions. Best part, it’s free*.
This example is for Jekyll, it will work with any static site. The only thing Jekyll specific is the JSON representation of the site, and any static site generator should be able to build that file.
- Using a Cloudfront CDN for Jekyll Without S3by Joe Buhlig TutorialDec 07, 16
I chose Cloudfront because I’m a fan of AWS (Amazon Web Services) and they are fairly cheap in comparison to the other big names in industry. I’ve worked with AWS enough in the past to trust it. But here’s how I set up Cloudfront to work with Jekyll:
- Dynamic looping in Liquid to build an advent calendarby Leon Paternoster TutorialDec 04, 16
This is one of the best things about Jekyll and Liquid. The syntax is easy to learn and well-documented, which means that, with a bit of thought (and Zapier), you can create some dynamic events on a static website.
- Add live reloading to Jekyll with Gulp and Browsersyncby Vladimir Iakovlev TutorialNov 11, 16
Live reloading is a very useful feature and it’s very popular in web development, but why don’t use it for writing blog articles and seeing changes in the real time?
I use Jekyll for this blog, and I already familiar with Gulp and Browsersync, so I decided to use them.
- More Advanced Jekyll/Liquid Template Techniquesby Brian Rinaldi TutorialNov 07, 16
Working on a recent project, I’ve come across several items that were either not well documented or slightly complex - though perhaps calling them “advanced” overstates the case. In this case, we’ll cover using multiple filters on a single value, using Liquid in Markdown, custom sorting posts and displaying posts by category.
- Using GitlabCI to build and deploy your Jekyll Site to Amazon S3by Christ Tarwater TutorialNov 03, 16
I recently switched almost all of my personal projects away from Github to Gitlab. Gitlab offers a ton of cool free features, including a built-in CI tool. I’ve set up and used various CI tools before and currently run a Jenkins server on my Raspberry Pi.
- Switching to Google AMP and backby Evert Pot TutorialOct 25, 16
This website is built with Jekyll, hosted on Github pages, and behind a Cloudflare proxy. Why cloudflare? Same reason for using AMP! Websites are pretty much my business, and I want my own home to be powered by both TLS and HTTP/2!
What this meant for AMP though is that I had to change my main site into an AMP site. Dynamic websites unlike this might be able to create both an AMP and non-AMP website.
- JAMstack e-commerce with Siteleaf & Snipcartby Charles Ouellet TutorialOct 25, 16
At Snipcart, our developer-first shopping cart platform, we’ve been diving into static site generators and related tools for 2+ years now. And we believe they are the next big thing.
- Cache-busting in Jekyll, GitHub pagesby Todd Motto TutorialOct 24, 16
Implementing cache-busting each time I make a change will allow the user’s browser to download the latest assets, therefore I get no image/style/layout breakages until a hard refresh.
- Optimizing Jekyll Performance with Gulp | Savas Labsby Anne Tomasevich TutorialOct 24, 16
We recently deployed a series of changes to optimize our CSS, JS, and images, and in doing so finally moved away from using built-in jekyll commands to build the site. Instead, we’re using gulp, a task runner — or, as they put so nicely on their website, a “streaming build system”.
- How to Create and Publish a Jekyll Theme Gemby David Darnes TutorialOct 19, 16
One of Jekyll’s noteworthy new features is the ability create official themes in the form of Ruby gems. These themes can be installed by a Jekyll user to style their static blog or website with ease, leaving them to manage their content.
- Jekyll environmentsby Siteleaf TutorialOct 13, 16
When working with Jekyll and Siteleaf, you typically have 3 distinct environments to help you code, preview, and publish your site:
- Passing post variables to includes in Jekyllby Sverrir Sigmundarson TutorialOct 01, 16
By default Jekyll include documents loaded by your layout files do not have access to variables defined in the YAML header in your posts or pages. This can pose a bit of a problem if you want some parts of your site to have access to your post data (e.g. such as its title).
- Scheduling Jekyll Posts with GitlabCI and AWS Lambdaby Christ Tarwater TutorialSep 30, 16
This is the second post of a series about how I’m using GitlabCI to build and deploy my wife’s weekly webcomic shamseecomic.com.
- How to Set Up a Jekyll Development Site on Ubuntu 16.04 | DigitalOceanby Melissa Anderson TutorialSep 21, 16
In this tutorial, we will install a Jekyll 3.2.1 development site on Ubuntu 16.04.
- D3.js Visualizations Using YAML and Jekyllby Kin Lane TutorialSep 20, 16
As a 25-year data veteran, I find myself very intrigued with the potential of Jekyll as a data management solution, something that when you combine with the social coding benefits of Github, and Github Pages, can unleash unlimited possibilities.
- Adding Structured Data to a Jekyll siteby Paul D'ambra TutorialSep 20, 16
Structured Data is a way of adding context to files served on the web so that computers (primarily but not only search engines) can respond to what your content means.
- Using Travis CI to build a Jekyll siteby Paul D'ambra TutorialSep 18, 16
Travis is an online continous integration system that hooks very neatly into Github. It’s free for open source projects and adds build status to commits. It can be set to automatically build pull requests and adds output to those PRs so that people can see if it is safe to merge a request without building it locally themselves
- How does Jekyll Workby Jack Phelan ArticleSep 14, 16
Jekyll can be confusing at first. Jekyll actually only does one of a few things to your files, although it classifies files in many different ways.
- Archiving Jekyll Websites with Sitemapsby Ryan Baumann TutorialSep 09, 16
If you run a Jekyll blog (like this one!), you might be interested in having your blog posts saved in a web archive like the Internet Archive Wayback Machine. In this post, I’ll show you how you can use an auto-generated sitemap to get a list of all URLs on your Jekyll blog, then feed those URLs to a web archiving process.
- Does Varnish Make Jekyll Sites Faster?by Matthew Simpson TutorialSep 07, 16
I started reading about Varnish a while ago and decided to give it a go on my server. I was curious to see if it would do anything to speed up delivery of my site even though it’s built using Jekyll, so is completely static. I only realised once I’d set it up (which took longer than expected do to the site using SSL) that I could notice a difference myself, and would have to jiggle some stuff around so that I could performance test it. I’ll explain how it Varnish works and how I tested it compared to going straight to Apache.
- Creating Gem Based Themes For Jekyllby Christopher Tarwater TutorialSep 06, 16
Jekyll 3.2 introduced the ability for theme creators to easily generate Ruby Gems from Jekyll themes and for users to easily use and change between themes. Here’s how I built my most recent theme - Starving Artist.
- Writing a Jekyll plugin – Developer's Notesby Anatoliy Yastreb TutorialSep 01, 16
In this blog post I share my experience of building a Jekyll plugin.
- Plugin for automatic responsive images in Jekyll-generated sitesby Nicolas Hoizey TutorialAug 31, 16
Cloudinary is one of the most feature-rich solutions available, and it can even be used for free if your needs are reasonable. It’s not easy for other solutions to compete with that…
- Adding Siteleaf to a GitHub Pages siteby David Darnes TutorialAug 25, 16
I’ve been using Siteleaf a lot recently, for both my day job and personal projects. In light of this, I decided to create a screencast of myself going through the process of adding Siteleaf to a pre-existing site running on GitHub Pages. As additional reference, I’ve documented the process below.
- Going Static: Episode II — Attack of the Commentsby Michael Rose TutorialAug 21, 16
Offloading comments to an external service like Disqus1 has always felt like a necessary evil to me when building Jekyll sites.
- Setting up a Living Styleguide in Jekyllby Hugo Giraudel TutorialAug 17, 16
I was recently working on a small Jekyll project and wanted to see whether it would be possible to have a very component-ized approach driven by a styleguide, despite the fact that Liquid (the template engine behind Jekyll) is not meant to do that.
I found it out it is doable (not without some struggling though) and I’d like to show you how so you can consider using a similar approach in your next Jekyll project.
- Running Jekyll on Kestrel and ASP.NET Coreby Khalid Abuhakmeh TutorialAug 12, 16
This post documents my journey in getting some dynamic behavior to my static site, basically running Jekyll on top of Kestrel and ASP.NET Core.
- Plugging Webpack to Jekyll Powered Pagesby Jonathan Petitcolas TutorialAug 12, 16
I chose Jekyll to power this blog. It allows a blazing-fast display (as rendering is just composed of pure HTML static files) and a free hosting on GitHub Pages. Yet, when I started to build these pages a few years ago, I didn’t know about Webpack. Better late than never, let’s see how to plug these two powerful tools together.
- How To Deploy A Jekyll Blog In Dockerby Emmet O'Grady TutorialAug 10, 16
The biggest advantage of using Jekyll is that we can put our blog posts in a GIT repo. This means that all changes to the posts will be recorded and we don’t have to worry about backups when the site is live, since we can regenerate the entire site at any moment from the source code in the GIT repo. Also, it gives us complete portability, it will be easy to move the posts to another blogging platform if needed since we have all of the posts in markdown in the GIT repo.
- Page Sections in Jekyll - Seperating Content from Layoutby David Egan TutorialAug 10, 16
Achieving separation is pretty straightforward with single page/post/collection views - just define a custom template and inject the content from a markdown file (from yaml frontmatter and the main content field).
But what about displaying section content in a single page context? This is a common requirement for landing pages, home pages and single page sites.
- Jekyll Issues aren't as Bad as You Thinkby Webjeda Blog TutorialAug 10, 16
For a beginner, Jekyll may seem like a hypersensitive platform. A little deviation in the code will lead to an error or will not output the desired result. I have discussed some common issues that occur.
- Adding user-generated content to a static site using Staticmanby Eduardo Bouças ArticleAug 10, 16
I’ve been really interested in finding the ideal solution to add user-generated content, such as comments on a blog post, to a static site.
- Jekyll filter: Use Liquid in front-matterby Stefan Baumgartner TutorialAug 09, 16
Jekyll’s template language Liquid is pretty powerful. We especially use Liquid objects to access different data across all pages…
- We’ve gone static (again)by fadeit ArticleAug 09, 16
- How to handle multiple authors in Jekyllby Adrian Matei TutorialAug 09, 16
One of my main concern when I considered the migration from Wordpress to Jekyll was how would I be able to handle multiple authors, because this plays an important role in the website supporting our Coding Friend Program. Fear no more, I have found a satisfactory way to handle multiple authors with Jekyll1 and in this short post I list the main points concerning that.
- Develop sites over HTTPS from static site generators (like Jekyll)by Paul Bakaus TutorialAug 05, 16
If you’re using a static site generator like Jekyll or Grow (recommended), you know that commands like jekyll serve or grow run will spin up local web servers that allow you to live develop and preview your static site. Unfortunately, these generators don’t create a secure context behind an HTTPS domain, something I need often to test PWA features or certain AMP tags.
- Auto deploy a Jekyll website with Gitlab CIby Riccardo Padovani TutorialAug 04, 16
In last three months one of the task I had at archon.ai was to implement a pipeline to autodeploy our services. We use an instance of Gitlab to host our code, so after some proof of concepts we chose to use Gitlab CI to test and deploy our code.
- Jekyll article sell-by datesby Kevin Hougasian TutorialAug 03, 16
So much work has gone into rimdev.io, and we like to keep content fresh, or at least let you know you may be reading an old or outdated article. Enter the freshness scale.
Leading every article on rimdev.io is a heart rate icon (hover over it for our rating scale). Doesn’t seem that difficult, so how did we get there using Jekyll?
- Using A Static Site Generator At Scale: Lessons Learned – Smashing Magazineby Stefan Baumgartner ArticleAug 02, 16
How do static site generators behave when the number of pages exceeds the average portfolio website and runs up into the thousands? Or when development is a team effort? Or when people of different technical backgrounds are involved? This is the story of how we managed to bring roughly 2000 pages and 40 authors onto a technology stack made for hackers.
- Bind Jekyll To All Available IPsby Bobby, Productivity Tomorrow TutorialJul 31, 16
By default, “jekyll serve” only binds to “localhost” which allows me to view the site in my own browser, but it doesn’t give her a way to easily see it on her own computer. By binding it to all available IPs, she can access it over our local network to proofread.
- Setting up Jekkyl in Docker on Windowsby Maciej Świętochowski TutorialJul 31, 16
In this article I’m explaining how to run jekyll on Windows using Docker and why you might want to do it this way.
- Live Reload with Jeykll and Hawkinsby Matthew J. Clemente TutorialJul 30, 16
While struggling to write a different post, I procrastinated by deciding that, to boost my productivity, I needed the preview of the post to live-reload. It was actually really easy to set up (and it’s very cool to use).
- Coding one off and recurrent events in Jekyllby Leon Paternoster TutorialJul 28, 16
We recently moved the website from WordPress to Jekyll, a static site generator. As events and event lists are inherently dynamic they pose several problems for any static site.
- How to deal with Jekyll Page Build Errors?by Webjeda Blog TutorialJul 22, 16
Page build errors are very common even for an experienced developer because there are many things that can go wrong with Jekyll or Github Pages. I have discussed a better way to deal with those errors here.
- How Jekyll actually worksby Niels de Hoog ArticleJul 15, 16
I thought it would be useful to take a look at the internals of Jekyll and see how all its pieces fit together.
- Related posts in Jekyllby Frank Lin TutorialJul 13, 16
Using only Liquid tags (no LSI) to generate the related posts with tags or categories.
- A conversation about static and dynamic websitesby 18F ArticleJul 11, 16
Will Slack sat down with Greg Boone, a member of 18F’s Outreach Team with a background as a WordPress developer, to learn more about the differences between static and dynamic websites.
- Creating an asset pipeline with Jekyll-Assetsby Phil Nash TutorialJun 28, 16
Bundling, minifying and caching the static assets was high on the priority list. The site is built on Jekyll so I went looking for (and ultimately found) a plugin that would perform the following: Bundle static files together, Minify the resulting files, Generate a hash of the content of the file as the production filename
- Jekyll 101: Creating a new post and page / Michael Leeby Michael Lee TutorialJun 15, 16
If your new Jekyll project is going to be used for blogging, you’ll want to create posts for your new blog.
- Serving Jekyll with Grunt | MrLohby Tobias Lohse TutorialJun 03, 16
- Inline CSS in Jekyllby Hugo Giraudel TutorialJun 02, 16
You may have heard of critical CSS. The idea behind the concept is to provide critical styles (the ones responsible for the look of the top and main content areas of the page) as soon as possible to the browser so that there is no delay before accessing the content.
- Dr. Jekyll and Mr. Dockerby Diego Lavalle TutorialMay 31, 16
Wouldn’t it be great to have a container that let us generate and preview our Jekyll site locally? Lucky for us someone has compiled a great image to do exactly that. Here it is:
- A Gulp recipe for timestampsby Jeremias Menichelli TutorialMay 30, 16
Making sure you serve your users the correct collection of assets is a real challenge, even for static websites, but you can combine some logic on a task runner and your site generator templating to solve this riddle.
- Using S3, Cloudfront, and Jekyll to host a business siteby Freddie, Codogo TutorialMay 26, 16
To host Codogo’s business site, we needed a solution that was powerful, fast, and extensible, for that reason we’ve used a combination of Amazon’s S3, and Cloudfront for hosting, with Jekyll and Jenkins for building and maintaining.
- Jekyll Tip: Adding Styling To Html Outputby Justin James TutorialMay 24, 16
As I was writing some tutorials recently I wanted to be able to style the html elements that Jekyll outputs with different css classes without having to write the actually html in the markdown.
- Conquering PageSpeed with Jekyllby Peter Tait, Pebblecode TutorialMay 23, 16
PageSpeed is a tool made by Google for analysing and optimising websites following web best practices. This article will be a retrospective of what steps we took to try and reach the holy grail of a 100/100 green box on PageSpeed.
- Cracking FaceBook Instant Articles With Jekyllby Amit TutorialMay 19, 16
Hello All, Recently I got access to Instant Articles from Facebook for my Jekyll based blog. The interesting part is that as far as I know, Instant Articles RSS Feed are not supported by Jekyll - yet! But no worries, I have done this and I am going to share how :)
- Using Jekyll for Rapid CSS Testingby Ire Aderinokun TutorialMay 17, 16
The Cheatsheets site uses Jekyll in a rather unconventional way. There are no blog posts, as is usually expected and instead we have “cheatsheets” (e.g. the cheatsheet for Flexbox or object-fit & object-position).
- Doing a Lot with a Littleby David Darnes TutorialMay 17, 16
Jekyll Conf Lightning Talk
- Syncing a site between GitHub and Jekyllby Hugo Giraudel TutorialMay 10, 16
The thing is, I did not want to make the GitHub repository non-usable anymore. Basically, I wanted everything to work both on GitHub and on jargon.js.org. Tricky! I eventually found a way, not without a struggle though so here are a few lines to explain the process.
- Responsive images with Jekyll (JekyllConf)by Oliver Pattison TutorialMay 07, 16
Images are often the heaviest resources on static sites and are a great place to start when improving front-end performance.
- Elasticsearch for Jekyllby Allison Zadrozny TutorialMay 06, 16
Elasticsearch, at its core, is an open-source search engine. Just like Solr, it is based on Apache’s Lucene search library. Elasticsearch gives developers access to an enterprise-grade engine that is distributed, scalable, and has a rich API.
- 13 Steps to a Faster Jekyll Websiteby Ronan Berder, Wiredcraft TutorialMay 06, 16
Fast, you say? Let me first clarify what I mean by fast. Fast generation, Fast loading.
- Using Webpack and React with Jekyllby Allison Zardrozny TutorialMay 02, 16
- How we added comments to our Jekyll siteby Kosta Harlan, Savas Labs ArticleApr 20, 16
This post provides an overview of how and why we implemented comments for our Jekyll site using Lumen.
- How to add Table of Contents to Jekyllby Webjeda TutorialApr 20, 16
Table of contents is the index of your blog post. It provides a quick look at what the article is all about. Also, users can skip to any topic they like just by clicking on it. Learn how to add Table of Contents (TOC) to your Jekyll blog.
- Syndicate Old Blog Posts in Jekyll without Screwing Your SEO | Àlex Rodríguez Bacardit's personal websiteby Àlex Rodríguez Bacardit TutorialApr 19, 16
What’s the best way to avoid being penalised for duplicating content? Obviously, it is not duplicating content if you want to play it 100% safe. However, if you really need to do it and are a little adventurous yourself, then follow me.
- Building a static website with Jekyll and GitHub Pagesby Amanda Visconti, Programming Historian TutorialApr 18, 16
This lesson is for you if you’d like an entirely free, easy-to-maintain, preservation-friendly, secure website over which you have full control, such as a scholarly blog, project website, or online portfolio.
- How to create customizable Liquid tags in Jekyllby Sverrir Sigmundarson TutorialApr 17, 16
Creating custom Liquid tags in Jekyll to simplify the injection of code into static pages
- Github Pages Best Practicesby Matt Allan TutorialApr 12, 16
Github Pages is a really nice (free) service for hosting static HTML websites. You can push simple HTML files, but you can also push a Jekyll site and Github will build it. This site is built with Jekyll and hosted on Github Pages, and I use it for all of my code projects too.
The Jekyll setup for Github pages is a little weird, and there are a lot of gotchas to making it run correctly.
- Travis for Jekyll on GitHub Pages | Jaime Caballeroby Jaime Caballero TutorialApr 05, 16
Travis is an online tool to run this build and perform any tests you may have on every commit. It works with GitHub repos and it’s free for any open source projects.
- Jekyll Walk Thru 2 - Videoby EPhotoPros TutorialApr 04, 16
Jekyll Walk ThruVIDEO
- React Blog Jekyllby Adam Laycock TutorialMar 29, 16
Using React has let me create a dynamic site hosted on Github pages where search etc… is integrated seamlessly instead of bolted on to the side after page load.
- How to optimize Jekyll blog for SEO?by Sharath Kumar, Webjeda TutorialMar 25, 16
Jekyll Search Engine Optimization is left to the users. Initially SEO optimizing Jekyll was hard but gradually it has been easier since we have so many people contributing to the community.
- Jekyll, Bootstrap, Sass, and asset pipelinesby Aerobatic TutorialMar 23, 16
- Jekyll: detect Github buildby Tomas Dvorak TutorialMar 23, 16
Github exposes repository metadata inside Jekyll’s configuration under site.github namespace. This can be used to render some interesting data like repository name, organisation members, releases, contributors or repositories
- Jekyll’s Costby Oliver Pattison ArticleMar 18, 16
From my own experience, here are some cost estimates for hosting a small site (in US dollars):
- Consider Jekyllby Oliver Pattison ArticleMar 18, 16
Jekyll is a tool that builds fast, simple, secure websites. It is an alternative to a conventional content management system (CMS). The key difference between Jekyll and most CMS software is that Jekyll has no database and is made of plain text and HTML files. Fundamentally, it is a publishing system that generates HTML markup from plain text Markdown files.
- How-To Setup a Jekyll Site on Amazon AWS S3 with CloudFront and SSLby Root Engineer TutorialMar 17, 16
If all you have is static pages, Jekyll with Amazon AWS S3, CloudFront, and Route 53 is a low-cost and quick way to get your website up and running.
- Schedule Blog Content for a Static Siteby Eric Gillespie, Technical Rex TutorialMar 17, 16
There are features common to dynamic sites (like WordPress) that you don’t get out of the box with a static site generator, though. One such feature is publishing content on a schedule.
- Netlify: Interview with Parker Moore from Jekyllby Aaron Autrand, Netlify ArticleMar 14, 16
I’m a software engineer at GitHub, where I help build GitHub Pages. My work also includes maintaining Jekyll and helping grow the community surrounding the project.
- Switching to Aerobatic Static Site Hostingby Ryan Brown, Serverless Code TutorialMar 13, 16
Aerobatic runs on AWS, so features like their CDN (actually CloudFront) and free SSL certificates (issued by ACM) are backed by familiar tools. The hugo-lambda templates cover some of the same ground, but Aerobatic also comes with a wealth of knowledge and best practices in its configuration. They set cache lifetimes, do URL rewriting, and build Jekyll or Hugo sites automatically.
- Making Jekyll multilingualby Sylvain Durand TutorialMar 01, 16
Jekyll has a very flexible design that allows a great freedom of choice, allowing the user to simply introduce features that are not integrated into its engine. This is particularly the case when one wants to create a multilingual website: while CMS remain very rigid and often require plugins, few filters are sufficient to achieve it with Jekyll.
- Optimizing Jekyll for PageSpeed – David Maple - Software Architectby Dave Maple TutorialMar 01, 16
In this article I’ll be using the advice provided by Google’s PageSpeed Insights and some awesome Jekyll plugins to optimize the delivery of assets to readers of my blog.
- Improving typography on Jekyllby Sylvain Durand TutorialFeb 29, 16
Observing typographical rules on the Internet is not always easy: although Unicode reserves many areas of characters for typographic symbols, many punctuation marks and spaces are most of the time unused.
With Jekyll, the articles are written very simply with Markdown before being generated in HTML by the engine: we can add automatic rules to improve typography on our site without carrying about it when writing articles.
- Creating a Jekyll Image Galleryby Olivier Pieters TutorialFeb 26, 16
The code and text below is mainly an explanation of what the different files in my example gallery do.
- How to implement Tags at Jekyll websiteby Pavel Dmytrenko TutorialFeb 25, 16
Recently I have finished adding tagging infrastructure into this website. That’s was a bit tricky since Jekyll does not fully support this feature from the box. It is possible to add tags into the post’s YAML front matter and then access them using page varialbes via page.tags. However, there are no built-in means to generate tags page which collects all tags from the posts, sorts them alphabetically and builds a list of the posts assigned to every tag. Let’s take a look at one possible way to implement described functionality.
- Using Jekyll Atom from start to finishby Adam Laycock TutorialFeb 25, 16
Jekyll-Atom is my Atom package for working with Jekyll.
- Jekyll in Sublime Text - Mijingoby Ryan Irelan, Mijingo TutorialFeb 23, 16
Ryan walks through how to use the sublime-jekyll package for easier publishing to your Jekyll-powered website.
- Setting up lunr.js in Jekyllby Adam Laycock TutorialFeb 23, 16
Setting up lunr.js in Jekyll without plugins.
- Content Modeling With Jekyllby Steve Hickey, Smashing Magazine TutorialFeb 23, 16
Instead of teaching people how to model content, we end up teaching them how to model content in Drupal, or how to model content in WordPress. But I’d prefer that we approach it from a focus on the best interests of users, regardless of which platform said content will end up in.
- How I’m Using Jekyll in 2016by Michael Rose, Made Mistakes TutorialFeb 20, 16
What follows is a brain dump documenting my approach to using Jekyll, how that’s evolved over the years, and any other learnings I’ve picked up along the way.
- YAML tutorial in the context of Jekyllby Jekyll theme for designers TutorialFeb 11, 16
YAML is a format that relies on white spacing to separate out the various elements of content. Jekyll lets you use Liquid with YAML as a way to parse through the data. Storing items for your table of contents is one of the most common uses of YAML with Jekyll.
- Static Site Lessons from Building the ‘Weed Rush’ Projectby Niclas Lindh, MediaShift ArticleFeb 11, 16
The site contains images, video, interactive infographics, and, of course, text stories. It must be attractive and innovative. It also has to be built on a very compressed schedule, with actual page production limited to a few weeks and the site functionality and design around 10 weeks.
- Building a Jekyll Site – Part 3 of 3: Creating a Firebase-Backed Commenting Systemby Mike Neumegen (Cloudcannon), CSS-Tricks TutorialFeb 11, 16
In this series, we’re building a site with a blog and content management system for Coffee Cafe, a fictional cafe. This final post is about building a custom commenting system with Firebase.
Custom built solutions provide more control of the design, functionality and data than drop-in solutions, such as Disqus and Facebook Comments.
- Building a Jekyll Site – Part 2 of 3: Adding a Jekyll CMS with CloudCannon | CSS-Tricksby Mike Neumegen (CloudCannon), CSS-Tricks TutorialFeb 10, 16
This tutorial adds a content management system to the site with CloudCannon. We will host the Coffee Cafe site, define editable areas and share it with a non-developer staff member.
- Building a Jekyll Site - Part 1 of 3: Converting a Static Website To Jekyllby Mike Neumegen (Cloudcannon), CSS-Tricks TutorialFeb 09, 16
Static site generators are no longer just a tool for developers’ personal blogs. Many companies are turning to static technology for public facing websites, including Netflix, GitHub and Atlassian.
- Using Gulp with Jekyllby Aaron Lasseigne TutorialFeb 04, 16
Jekyll handles Sass out of the box and supports CoffeeScript with a gem but I demand more. I want Sass, file concatentation, minification, automatic prefixing of CSS, live reloading, and dancing unicorns! Ok, that last one might not be available. For the rest… enter Gulp.
- How to minify Jekyll blog HTML?by Sharath Kumar, Webjeda TutorialFeb 04, 16
There was not a single convenient way to minify the whole Jekyll blog markup until I found this cool html file which does the minifying like a champ. It uses pure Liquid code. And it doesn’t need any coding from your end.
- AJAX Page loading in Jekyll (Or any static site)by Adam Laycock TutorialFeb 04, 16
This site is pretty fast, lets be honest static HTML loads incredibly quickly as there is no rendering or database overheads to slow it down. That being said AJAX page loading is even faster so can it be done without the use of HTTP headers etc…?
- How to Make lunr.js and Jekyll Work Together (with Gotchas)by Ray Hightower TutorialFeb 01, 16
Speed is one reason why this blog uses lunr.js for search. If you run a Jekyll-based blog, this post will tell you how to make lunr.js work for you. Gotchas (and solutions) are shared within.
- Travis CI deployments to DigitalOceanby Mxime Kjaer TutorialJan 28, 16
In my continuous quest to make this site lean and mean, all of the above have led me to set up automatic deployments to my server. This means that my workflow now just consists of creating content and committing it — the rest is done automatically. Travis CI builds the site, compresses assets, runs a few tests, and deploys it all to DigitalOcean, where Nginx serves it.
- Deploy Jekyll sites anywhere using jekyll-hookby Mike Neumegen, CloudCannon TutorialJan 26, 16
jekyll-hook is a Node.js program which runs on a server. It listens for new commits on a GitHub repository using webhooks. When there is a commit, jekyll-hook pulls the latest source code, builds the site with Jekyll, then deploys the built site to a directory.
- Setting up CloudFront and TLS (HTTPS) with Jekyllby Oliver Pattison TutorialJan 25, 16
This is a guide to getting set up quickly and cheaply to host a static website on Amazon Web Services with a TLS certificate.
- Jekyll workflow with Gulp · Codegazeby Thanos K TutorialJan 09, 16
This process has two parts. The first one is the Jekyll’s _config.yml configuration and the creation of a new folder we are going to have our development files, and our gulpfile.js configuration/setup.
- Maintaining Jekyll Performance When Using Package Managersby Eric Carlisle TutorialDec 29, 15
When getting started with a Jekyll site, it’s very important to learn about its directory structure and how that works with the Jekyll generator. Most of this is very intuitative and you’ll be quickly learning where to place templates, partials, posts, and general content pages.
- A new Siteleafby Siteleaf ArticleDec 18, 15
Siteleaf v2 brings full compatibility with Jekyll, the same open source technology GitHub uses to power over half a million websites.
- Optimizing Jekyll Templates with Liquid variables for DRY, Readable Markupby Eric Carlisle TutorialDec 17, 15
For those already already working with Jekyll, you’ve probably been working with the Liquid Ruby library for optimizing templates. Liquid is a quick learn and great tool for Jekyll templating. I recently used with Liquid to customize Jekyll’s head.html include to optimize social channel metatags.
- Super-simple breadcrumbs in Jekyll 3.0by Jordon Bedwell (Jekyll Core), @envygeeks Resource/WebsiteDec 06, 15
- Easily install Jekyll on Windows with 2 command prompt entries and Chocolateyby David Burela TutorialNov 28, 15
- Automated deployment of Jekyll projects to GitHub pages using Kickster and Circle CIby Nielsen Ramon ArticleNov 27, 15
I am a huge Jekyll fan, I used it for over 30 projects (or I like to think so) and it’s still my favorite static site generator. Over the past years I collected best practices and set up a project template that helps me kickstart my new projects faster.
- The World’s Greatest (Free) Static Site Builders / Generatorsby Vienna.html Video/PresentationNov 25, 15
Presentation from the first Vienna.html Meetup
- Automating deployment of a GitHub Pages hosted site with Jekyll and Travis CIby Mel Lota TutorialNov 23, 15
Switching from the standard GitHub Pages build process to Travis is not as daunting as it seems
- Static Website Generators Reviewed: Jekyll, Middleman, Roots, Hugoby Mathias Biilmann, Smashing Magazine ReviewNov 16, 15
Static website generation is quickly becoming a big part of the professional website builder’s toolbox. A new static website generator seems to pop up every week. Figuring out which one to use can be like a walk in the jungle.
- Launching Jekyll 3.0by StaticWebTech Video/PresentationOct 28, 15
- How to Disable DISQUS & Google Adsense when Running Jekyll on Localhostby Jon Cuevas, Archon Digital TutorialOct 19, 15
- Jekyll videos (updated 10/8/15)by Thomas Bradley NewsOct 08, 15
Playlist of Jekyll tutorials
- Some Advanced Jekyll/Liquid Template Techniquesby Brian Rinaldi, Remote Synthesis TutorialOct 02, 15
- Static sites go all Hollywoodby Phil Hawksworth Video/PresentationSep 22, 15
The popularity of building web sites with static site generators is on the rise. Their reduced complexity, easier compliance, cheaper hosting, and other benefits are getting people’s attention, but they do have limits.
This talk will explore how we can break through some of those limits with the use of a new breed of hosted tools and services. We’ll look at practical examples of how a static site generator can help deliver a modern web development workflow, support a living styleguide, and also pack the kind of dynamic punch that you’d only think possible from bigger application stacks.
- It's time to drop your CMSby Owen Williams, The Apartment ArticleSep 10, 15
Every time I’ve had to build a marketing site for a company, large or small, the debate rages over which CMS should be used. Usually it comes to the conclusion that every CMS is terrible, so we’ll run with the least-awful one.
It’s time to drop that way of thinking entirely, and move to a CMS-less model. Static sites, which require no database or complex configuration to scale massively, are far easier to maintain and develop for, yet they’re often ignored.
- Implement Elasticsearch in Jekyll blogby Hanzel Jesheen TutorialSep 06, 15
We can use Elasticsearch to index the blog posts and it can then be searched efficently. In this article, we will see how to implement Elasticsearch based searching to a Jekyll blog.
- lunr.js and Jekyllby Katy DeCorah TutorialAug 15, 15
I recently spent some time hooking up a Jekyll site with lunr.js. Lunr.js is a full text client-side search engine and it works rather well.
- Integrating Gulp into Your Jekyll Workflowby Rob Wise TutorialAug 01, 15
This is a walk-through demonstrating how to integrate Gulp.JS into your Jekyll site’s workflow. This is especially geared towards sites deployed on GitHub Pages because I will show how to use Gulp without sacrificing GitHub’s Jekyll integration support.
- dr. jekyll's themesby Gerald Bauer Resource/WebsiteJul 20, 15
a free static site generator theme directory
- How to have a SSL-enabled Jekyll site with a custom domain on GitHub Pagesby Jan Betzing TutorialJul 19, 15
- Jekyll and Git Hooksby Jonathon Klem TutorialJul 19, 15
I’ve recently been introduced to Jekyll and with the help of git hooks I would argue that it’s even easier to add and manage content with Jekyll and Git Hooks than with WordPress AND it has the added benefit of not requiring a database or even PHP.
- How We Built Our Blogby Jon Chan, Stack ArticleJul 03, 15
A walkthrough of a large Wordpress to Jekyll migration.
- The Changelog #162: Octopress 3.0 with Brandon Mathisby The Changelog Resource/WebsiteJun 26, 15
This week Brandon Mathis joins the show to tell us all about the much anticipated 3.0 release of Octopress, his Jekyll-based blogging framework for hackers.
Octopress 3.0 is a complete rewrite and has been in the works for quite a while. We find out why Brandon decided to go for The Big Rewrite and what’s been taking so long (hint: it’s not because the dude’s been slackin’).
- Is Jekyll Better Than Joomla! and WordPress?by ohn Foderaro, Digital Shore TutorialJun 14, 15
I’ll admit, right out of the gate, that this article is completely biased. I developed this website with Jekyll and I did it in direct defiance of the typical “you need to use a Content Management System to build a website” school of thought.
- Automatic Archives for Jekyll on GitHub Pagesby Tobias Lohse TutorialJun 14, 15
Static sites are pretty cool. Not just, because they’re so fast, but also because they are pretty intuitive. After all it’s just a bunch of files in a folder structure — just like you know it from your local filesystem. But while they are cool, they also have some drawbacks when compared to database driven sites. One is that it’s hard(er) to generate query driven sites like archive pages by month, year and day or by things like tags and categories. There are a bunch of plugins for that task, but those don’t work well with GitHub Pages. But there are other ways to solve the issue, after all we just need to generate some files.
- Jekyll Tipsby Jekyll Resource/WebsiteJun 10, 15
This guide will give you a step-by-step introduction to Jekyll. We’ll download a free HTML 5 template, convert it into a Jekyll website, add a blog and make it so clients or non-technical users can update content. Let’s get started!
- Supercharging Jekyll with a ServiceWorker - Eduardo saying thingsby Eduard Boucas TutorialJun 04, 15
From a performance point of view, it puts the developer in control of how local caching works — what files to cache, when to cache them, serve them and update them. Because it runs in the background, it can silently fetch and cache all the files for the About me and Contact sections of a website whilst the visitor is still scrolling about on the landing page. When they do visit those pages, they will be served instantly because the files are already on disk, there’s no need to wait for a trip to the server.
- Fully Functional Jekyll Blogby Jesse Herrick, Sitepoint TutorialMay 21, 15
After this article, you will have the ability to make a fully functional Jekyll blog, complete with pagination and search capabilities.
- An Introduction to Static Site Generatorsby Eduardo Bouças ArticleMay 20, 15
The aim of this article is to help people of all skill levels understand exactly what static site generators are, acknowledge their advantages, and understand if their limitations are a deal-breaker or if, on the contrary, they can be overcome.
- Spaces and special characters in Jekyll categoriesby Piotr Świderek TutorialMay 20, 15
A solution for when you want a category name consisting of more than one word or/and containing special characters.
- Awesome Jekyllby Gerald Bauer Resource/WebsiteMay 11, 15
A collection of awesome Jekyll goodies (tools, templates, plugins, guides, etc.)
- Sharing Jekyll posts on social media using front matter and IFTTTby Eduardo Boucas TutorialApr 28, 15
- A Case for CMS-Free Ecommerceby Max White, Pigeons and Creoles ArticleApr 21, 15
…it’s worth taking the time to re-examine the assumptions these [CMS] systems are predicated on, and evaluate whether they generate enough value to justify their complexity. This is especially true in the light of a growing abundance of dedicated external services and the maturity of client-side solutions.
- Our new website - still Jekyllby Development Seed ArticleApr 20, 15
Tips from a new Jekyll site
- Jekyll, Github Pages, and Cloudflare for PageSpeed Winby James Steinbach (@jdsteinbach), Scotch.io TutorialMar 23, 15
- Restricted github pagesby Alexandre Joseph TutorialMar 11, 15
GitHub pages are based on Jekyll which allow a total control on how is rendered the content. This is great but how about private content?
- CloudCannon as the CMS to your Jekyll Siteby CloudCannon Video/PresentationMar 04, 15
Getting non-technical users to confidently add content to a static site has been a barrier in the past, but we’re increasingly seeing solutions for a variety of needs. In beta now, Cloudcannon is soon to release a backend for Jekyll, the most popular static site generator in the land. Check out the video as it looks like a thoughtful and polished product.
- How To Use GitHub and the Terminal: A Guideby 18F TutorialMar 03, 15
For more than just Jekyll
- Static Blogging Tool Face-Off: Middleman vs Jekyllby David Turnbull, Sitepoint ArticleFeb 24, 15
“I’ve used both generators extensively and have a lot of love for both of them, so I don’t want to pit them against each other as if there’s some sort of objective winner. But I will compare them because they share many similarities and, to a newcomer, it might not necessarily be easy to choose between them.”
- Jekyll Town Hall - Feb, 2015by Jekyll Video/PresentationFeb 23, 15
The first Townhall
- Integrating social meta tags into Jekyll — Milan Aryalby Milan Aryal TutorialFeb 11, 15
Social media meta tags allows us to optimize for sharing Twitter, Facebook, Google+ and Pinerest by defining exactly how titles, descriptions, images and more appear in social streams. There’re various ways but following social meta tags is the best method to integrating into Jekyll.
- Static-Site-Samplesby Brian Rinaldi Resource/WebsiteFeb 07, 15
A collection of simple sites built with various static site engines
- Jekyll 3.0.0.beta1 Releasedby Jekyll NewsJan 25, 15
Jekyll now features incremental regeneration and greatly improved problematic code that caused slow-downs, and much more
- Baking Bread.liby David Darnes Video/PresentationJan 12, 15
Video series of the creation of a Jekyll-based website
- Proteus Static Site Starter Kitsby Thoughtbot NewsJan 02, 15
Proteus is a collection of useful starter kits to help you launch your static site or prototype faster. They follow the thoughtbot styleguide and include thoughtbot front end tools
- Building a bespoke commenting system for a static siteby Eduardo Boucas TutorialDec 14, 14
Using Poole and a PHP middleman to create a Markdown-compatible commenting system for Jekyll
- Creating Dynamic Menus in Jekyll | ThinkShoutby Alex Ellison, ThinkShout TutorialDec 09, 14
When thinking about the “pros” of using a CMS, the robust menu system that is provided “out of the box” is usually at the top of the list. That said, when we decided to use Jekyll to build a production quality site for Feeding Texas we knew creating a content manager-friendly menu system was a must.
- Prototype with Proteusby Joshua Ogle, Thoughbot Resource/WebsiteDec 08, 14
If you are pressed for time anything that speeds up your setup is going to mean more time to polish or squeeze in one more feature. That’s why we made a collection of static site starter kits called Proteus.
- Jekyll 3 — The Road Aheadby Parker Moore NewsDec 07, 14
“With Jekyll 3.0, I want to take Jekyll back to its roots: simplicity, extensibility, and speed.”
- Dogfooding with Jekyllby David Zvenyach ArticleNov 29, 14
Using the new
data_sourceconfiguration to serve mankind
- Taking control of our website with Jekyll and webhooksby by Eric Mill, Michelle Hertzfeld, and Greg Boone, at 18F TutorialNov 18, 14
- Success Building CMS-less Production Sites with Jekyllby Alex Ellison, ThinkShout ArticleOct 14, 14
When Feeding Texas approached us to redesign their site, it became clear we could leverage both their small size and their large ambitions as “pros” for using Jekyll.
- Configuring CloudFlare’s Universal SSLby Ben Burwell TutorialOct 10, 14
Configuring CloudFlare’s free SSL on a Github Pages (or any) static site.
- Dynamic Static Site Generators strategiesby Tim Nash ArticleOct 09, 14
Using WordPress as part of a static site generator workflow to help make part of the process more dynamic.
- Getting Started with Jekyll Collectionsby Taylor Jones, *Sitepoint* TutorialOct 08, 14
Quick overview of Jekyll’s collections
- Website delivery with Cloudfrontby Sylvain Durand TutorialSep 14, 14
Also for other tools
- Jekyll Archivesby Jekyll NewsSep 12, 14
Automatically generate post archives by dates, tags, and categories.
- DRY Yamlby Katy DeCorah TutorialSep 02, 14
Repeating nodes works by creating a keyword and placing it in the variable to be repeated.
- Prose.io, the markdown editor for Github/Jekyll looking for a new maintainerby Development Seed NewsAug 25, 14
- Jekyll and it's alternatives from a site generation point of viewby Fredrik Loch ArticleAug 13, 14
- How to use Tags and Categories [with Jekyll] on Github Pages without Pluginsby @minddust TutorialAug 03, 14
- GitHub Pages now runs Jekyll 2.2.0by Github NewsJul 31, 14
Long awaited upgrade to GH-Pages to run the post 2.x Jeyll
- Jekyll-hook Updated; Run your own Github Pagesby Development Seed NewsJul 24, 14
Jekyll-hook is a Node-js server that can build a Jekyll site whenever a commit is pushed to a GitHub repository. Use it instead of GitHub Pages when you need to host a site on your own infrastructure
- Adding a Static Comments System to My Jekyll Build (Introducing Poole)by Phil Hawksworth NewsJul 23, 14
- #125: Jekyll with Parker Mooreby The Changelog ArticleJul 16, 14
Podcase with lots of Jekyll talk with one of the project owners.
- Getting Started With Jekyll, The Static Site Generatorby Travis Neilson TutorialJun 02, 14
Travis Neilson goes through the process of setting up a local Jekyll Installation and gives us a tour of the working parts and how to use Jekyll.
- Mandy Brown takes a purist's approach to publishing online, with Jekyllby A Working Library ArticleMay 15, 14
- Wordpress to Jekyll Exporterby Ben Balter Resource/WebsiteMay 02, 14
Produces markdown files, so can be used with any static site generator
- Static Websites with Jekyllby Mijingo TutorialMay 02, 14
[pre-2.0], not free
- The Emerging No-CMS Movementby Phillip Smith ArticleJan 30, 14
Exploring the resurgence of static site generators
- Introducing Pooleby Mark Otto NewsJan 02, 14
It’s a fully furnished Jekyll setup, designed to be a consistent and flexible starting point for Jekyll projects. It’s available today, and I’m releasing two open source themes with it.
- Word Counts and Reading Time in Jekyllby Sacha Schmid TutorialOct 20, 13
You can use Liquid filters to substract your minimum number from the word count to see if it falls below 0. If it does it will contain a ‘-‘ at the beginning, which means the post is too short and won’t get the word number displayed
- Jekyll Date Formatting Examplesby Alan W. Smith ArticleOct 01, 13
Everything you wanted to know about Jekyll date formatting but were afraid to ask.
- Jekyll from Scratchby Mike Greiling TutorialJul 19, 13
Helpful (pre-2.0) ideas for new Jekyll users
- Advanced Jekyll Plugins & Features - Custom Post Types, Category Pages, Pagination, and Moreby Divshot ArticleJun 29, 13
[ed note: pre-Jeyll 2.x] In this article I’m going to discuss some of the unique ways we’ve tweaked Jekyll to create an advanced blog with custom post types, post type pagination, post type filters and more. I’ll introduce you to the plugins we use and share a few things I’ve written along the way.
- Healthcare.gov: Code Developed by the People and for the People, Released Back to the Peopleby The Atlantic ArticleJun 29, 13
- Introducing Jekyll-hook: Run your own GitHub Pagesby Dave Cole, Development Seed ArticleMay 01, 13
For those cases where we need the simplicity of GitHub Pages’ workflow but have to host on our own infrastructure, we built Jekyll-hook. It’s an extensible server that builds Jekyll sites on each commit to a GitHub repository, just like GitHub Pages. It provides a ton of additional flexibility, while preserving the benefits of static site generation, like needing no server-side processing to serve webpages.
- Meet the Obama campaign's $250 million fundraising platformby Kyle Rush ArticleNov 28, 12
Best use-case ever for a static site. Recently added a video-based presentation of this article from the May, 2015 #JekyllConf