Links from around the web
- Gatsbythemes - Beautiful and elegant Websites generated with Gatsbyby Sascha Jullmann TutorialOct 21, 17
Emotion is currently my favorite css-in-js library and fortunately there is a gatsby-plugin for that.
- A Guide to Static Site Generators Using Hexo and WordPressby Silvestar Bistrović ArticleOct 21, 17
In June of this year, Vitaly Friedman of Smashing Magazine introduced JAMstack in a workshop in my city. I’d never heard of it, and I was very intrigued. After the seminar finished, I studied this new concept for a bit, and I realized how awesome it is. I realized that my website doesn’t need a WordPress.
- How to Get 100/100 Google Page Speed Score with Middleman and Nginxby Mike Elliott TutorialOct 20, 17
I use the static site generator Middleman for the front end of the website you’re currently reading, and host it on a Digital Ocean Droplet in an Nginx server, so I’ll give some examples of how I achieved the perfect score in the context of this blog and its stack.
- Hugo and Madoko in a Custom Docker Image for GitLab CI/CDby Brian Klein ArticleOct 20, 17
TIPS FOR HOW TO SETUP HUGO AND MADOKO INSIDE OF AN ALPINE LINUX BASED DOCKER IMAGE FOR GITLAB CI/CD.
- Building static websites with Jekyll, VueJS & Bulmaby Daniel Lombraña, Scifabric TutorialOct 13, 17
You are probably building your site already with Jekyll, and while this is cool, sometimes you want to add some magic into the mix to have some fancy JS frameworks like VueJS or React for developing cool stuff. Also, you got so used to Babel and Webpack that you don’t know how to write JS code anymore without this toolchain. Hence, you have a question: can I still use my Jekyll site and add as toppings VueJS + Babel + Webpack? Yes, you can! Let me explain how.
- Creating a Static API from a Repositoryby Eduardo Bouças, CSS-Tricks ArticleSep 21, 17
The answer to these challenges almost invariably involves creating an API — a way of exposing data in such a way that it can be requested and manipulated by virtually any type of system, regardless of its underlying technology stack.
- Delaying Disqus comments to save (a ton of) requestsby Igor Kulman TutorialMay 30, 17
- Jekyll For Wordpress Developers – Smashing Magazineby Mike Neumegen TutorialApr 21, 17
Jekyll is gaining popularity as a lightweight alternative to WordPress. It often gets pigeonholed as a tool developers use to build their personal blog. That’s just the tip of the iceberg — it’s capable of so much more!
- Go static: 5 reasons to try JAMstack on your next project.by Tom Bennet, Builtvisible ArticleMar 13, 17
- Gatsbygram Case Studyby Kyle Mathews Case StudyMar 09, 17
It combines the fast performance of static websites with the powerful abstractions, tools, and client capabilities of the React.js world.
- Build a Custom CMS for a Serverless Static Site Generatorby John Polacek, CSS-Tricks TutorialJan 09, 17
- JAMstack for Clients: Benefits, Static Site CMS, & Limitationsby Charles Ouellet, Snipcart TutorialJan 05, 17
Today, I want to discuss one of the changes we, as web professionals, are going through: the rise of the JAMstack & “static” sites. A change that’s affecting not only us, but clients too.
- The API-Based CMS Approachby Levi Gable, CSS-Tricks TutorialNov 23, 16
There is a trend in the web development world toward the API-based CMS architecture. Also known as “decoupled” or “headless”, it allows developers to separate the content management from the frontend implementation and connect to the CMS via an API. This is an exciting approach to website and app development, offering more freedom and flexibility. I want to show you my process for setting up and connecting to an API-based CMS.
- 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.
- 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.
- Isomorphic rendering on the JAM Stackby Phil Hawksworth TutorialAug 01, 16
I have been experimenting with something that seemed obvious to me for a while. A web development model which gives a pre-rendered, ready-to-consume, straight-into-the-eyeballs web page at every URL of a site. One which, once loaded, then behaves like a client-side, single page app.
The fact that so many frameworks set about this with all manner of complex add-ons and machinery gave me cause to think I was missing something big. So I built a simple proof of concept with a static site generator to see if this model could work. I’m pretty pleased with it. Let me talk you through the approach and show you the result.
- The death of the CMSby Davide Borsatto ArticleJul 14, 16
The heart of the problem turns out to be, as a matter of fact, right in the definition: content management system. I think that these self-proclaimed CMS go far beyond the scope of what a real CMS should be.
- 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.
- SSGs Part 1: Static vs Dynamic Websitesby Marcia Ramos, Gitlab ArticleJun 14, 16
What is the difference between static and dynamic websites? What are the advantages of one over another? Which ones can I use with GitLab Pages? What about Static Site Generators?
- 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.
- Why do people use a static-site generator?by Quora commentMar 16, 16
- 7 Reasons NOT to Use a Static Site Generatorby Craig Buckler, Sitepoint ArticleMar 16, 16
In my previous article we discussed reasons why you could benefit from using a static site generator.
- 7 Reasons to Use a Static Site Generatorby Craig Buckler, Sitepoint ArticleMar 15, 16
Static site generators have become increasingly popular and, if my prediction is correct, usage will explode during 2016.
- Why WeWork.com uses a static generator and why you should tooby Ramin Bozorgzadeh, WeWork Resource/WebsiteDec 09, 15
- Why Static Website Generators Are The Next Big Thingby Mathias Biilmann, Smashing Magazine ArticleNov 02, 15
At StaticGen, our open-source directory of static website generators, we’ve kept track of more than a hundred generators for more than a year now, and we’ve seen both the volume and popularity of these projects take off incredibly on GitHub during that time, going from just 50 to more than 100 generators and a total of more than 100,000 stars for static website generator repositories.
comments also at Hacker News
- The Static HTML Repriseby Andrew Goodricke ArticleJun 11, 15
Static site generators are returning us to the roots of the web without losing the benefits of the last 25+ years of progress.
- 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.
- 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
- 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.
- Rise of Static Site Generatorsby Justin Mayer ArticleFeb 22, 15
slides from a talk at SoCal Linux Expo (SCALE 13x).
- Comparing Static Site Enginesby Brian Rinaldi at SFHTML5 Video/PresentationFeb 20, 15
Presentation by Brian Rinaldi at the San Francisco HTML5 Meetup, Feb 2015. Compares Jekyll, Harp, and Middleman. Comparison begins around 13:48.
- The ultimate list of services for static websitesby CloudCannon Resource/WebsiteDec 13, 14
- The Static Web Returnsby Rob Muhlestein ArticleFeb 04, 14
- The Emerging No-CMS Movementby Phillip Smith ArticleJan 30, 14
Exploring the resurgence of static site generators
- 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
- Welcome to the Post-CMS Worldby Ben Balter ArticleOct 02, 12
- How We Build CMS-Free Websitesby Dave Cole, Development Seed ArticleJul 28, 12
- Bake, Don’t Fry (Aaron Swartz: The Weblog)by Aaron Swartz ArticleJul 09, 02
Some people seem to think that I want to bake because of perfomance. Honestly, I don’t care about performance. I don’t care about performance! I care about not having to maintain cranky AOLserver, Postgres and Oracle installs. I care about being able to back things up with scp. I care about not having to do any installation or configuration to move my site to a new server. I care about being platform and server independent.
- Introducing React-Static — A progressive static-site framework for React!by Tanner Linsley TutorialOct 05, 17
At Nozzle.io, we take SEO, site performance, and user/developer experience very seriously. Over the last year, we’ve launched many sites using different static site tools that claim to solve these goals, but we have yet to find one that satisfies our requirements completely. Though each tool was unique and useful in its own way, we managed to pare down our list to the two following libraries:
- Hugo Templates for WordPress Designersby Leon Barnard, Treehouse Blog TutorialSep 30, 17
Last year I wrote an article introducing the general concepts behind static site generators. This time around I’d like to dive into some specific (yet still basic) details about a popular static site generator called Hugo, comparing it to its most well-known “dynamic” ancestor, WordPress.
- Deploying Static Sites With SSLby terriblecode TutorialSep 14, 17
It had to have SSL which would be easy to setup. It had to use Docker. It had to work via git pushes
- Hugo Hosting with KeyCDNby KeyCDN TutorialSep 11, 17
Host Your Static Site as a Gitlab Page Behind a KeyCDN Pull Zone
- Creating dynamic layouts with Jekyllby Zander TutorialAug 13, 17
How we used YAML front-matter to massively change the layout for different posts on our agency’s new website
- Middleman Netlify Server Pushby Joost Baaij TutorialAug 07, 17
Last month, Netlify introduced their implementation of HTTP/2 Server Push. We started using this and have have noticed significantly faster websites. Here is how to configure Middleman to use this feature.
- Implementing a Series in Hugoby Joe Sacher TutorialAug 03, 17
In converting my Pelican blog over to Hugo, I needed to learn a new templating system. I miss a few things that Pelican did, like categories based on folders and not front matter. However, I can see advantages of allowing more organization in these folders, without affecting final position on the web.
- Creating a Blog with Gatsbyby Dustin Schau TutorialJul 27, 17
Gatsby is an incredible static site generator that allows for React to be used as the underlying rendering engine to scaffold out a static site that truly has all the benefits expected in a modern web application.
- Generating Comments on Static Sites with Staticmanby tosbourn TutorialJul 26, 17
In this article I’m going to go through the basics of setting up a Jekyll site, GitHub Pages and Staticman. If you’re just interested in Staticman please skip down a bit!
- Adding heading links to your Jekyll blogby David Darnes TutorialJul 25, 17
I realise this type of trick has been done a few times with ever so slightly different syntax, but here is my spin on the whole thing
- A Gentle Introduction to Creating a Minimal Hugo Siteby Arun Ravindran TutorialJul 10, 17
This post tells you how to start small with just the bare minimum files and directories to build a Hugo site without errors.
- Automating Static Website Deployment, Part 1by AlphaGeek TutorialJun 28, 17
Now that I have 8 static websites deployed into AWS using S3 and CloudFront I need to automate the deployment process so that I can make changes quickly and get them to production with less effort. To that end I have developed some scripts and configurations that automate the deployment of this site to a QA environment and production when changes are pushed to either branch.
- Discovering Hexo: E-Commerce with Node.js Blog Frameworkby Snipcart TutorialJun 26, 17
Hexo being primarily a blog framework we’ll show you how you can integrate a Snipcart housed buy-button into your blog platform. You’ll never know when you’ll want to give the option to your reader to buy a product you’re writing about, so why not offer it directly on your page?
- Embed your typeform on Hugo sitesby Typeform TutorialJun 25, 17
Adding a typeform to your Hugo site is as easy as you would expect with a static site.
- Switching to Hugo from Nikolaby Sadanand Singh ArticleJun 24, 17
Hugo is a light weight, fast and modern static website engine written in go. It literally takes just milliseconds to build your entire site. For the given lightness, it is highly flexible as well.
- Building a JAMstack site with Hugo and Azure Functionsby Henrik Lau Eriksson TutorialJun 13, 17
- Deploying Hugo on Bluemixby Ryan Tiffany, dev.to TutorialJun 08, 17
In today’s post we will be showing how to deploy a Hugo site to Bluemix using the Cloud Foundry command line and build tools.
- Migrating from Jekyll+Github Pages to Hugo+Netlifyby Sara Soueidan TutorialJun 07, 17
During the last 18 months, working on my Web site became a daunting task—be that for developing, redesigning it, writing a blog post, or making updates to my speaking and workshop pages. My then static site generator, Jekyll, is why. And a change has long been overdue…
- Netlify CMS 3rd party OAuthby Václav Klecanda TutorialJun 02, 17
I wanted to allow users to authenticate with their github accounts, but Netlify did’t have support for 3rd party OAuth providers (learn more here). It allows you to create account in their app, connect your repository with the web and let them to serve it via their fast CDN network. But I didn’t need serving via other service. I just needed to let users edit the webs with knowing nothing about GIT. That is why I wrote netlify-cms-github-oauth-provider.
- HBuild, Test, And Deploy Statically Generated Websites With Hugoby Ricardo Feliciano, CircleCI TutorialMay 31, 17
Building a Hugo website on CircleCI 2.0 is fast and simple, so let’s start here. We’ll walk through snippets of an example .circleci/config.yml with the whole file at the end of this post.
- Adding a JSON Feed to an Octopress/Jekyll generated siteby Jake McCrary TutorialMay 30, 17
SON Feed is an alternative to Atom and RSS that uses JSON instead of XML. I figured I could add support for it in less than the time it would take to enjoy my coffee and maybe some readers would find it useful.
- Building a Static Documentation Site with Metalsmithby Greg Leeds TutorialMay 23, 17
At work my company’s product team has been using GitHub wiki for years for all of our use facing documentation. As they have grown from a small open source project to a much larger team with a more fully featured enterprise offering, they had outgrowing using GitHub wiki. We went out in search of a set of tools to build our own self hosted documentation web site with the following set of requirements…
- Creating a JSON Feed for Hugoby Raymond Camden TutorialMay 18, 17
Recently a new specification was launched to recreate RSS in JSON, JSON Feed. For folks who may not be aware, RSS is an XML spec (well, multiple ones) for sharing content between sites.
- GraphCMS - GraphQL Based Headless CMSby Jeff Escalante TutorialMay 17, 17
One of the great advantages of headless CMS’ is that they are able to be consumed by a wide variety of different applications and build tools, rather than being tied specifically to a web frontend. And today we’ll be talking about using GraphCMS to create a static site - an architecture that suits many use cases much better than using a dynamic site or single page app.
- Displaying dynamic opening times in Jekyllby Michael Mckeever TutorialMay 15, 17
A problem I came across when building Trying to work was how do I display “Google-like” dynamic opening times using only liquid—Jekyll’s templating language? Well, as it turns out, quite easily.
- Displaying Medium Posts on Your Jekyll Websiteby James Hamann TutorialMay 09, 17
The solution below uses your RSS feed from Medium, parses it and stores each post as a ‘virtual document’, in a newly created Jekyll collection. From here you’re able to access the title and content of each post, which can then be displayed on whatever page you want.
- Migrate from Octopress to Hugoby Sergey Pisarenko TutorialApr 28, 17
- Converting WordPress Export File to Hugoby Elmar Klausmeier TutorialApr 24, 17
I have written on the Hugo static site generator here. Now I have written a migration program in the Go programming language to convert from WordPress export format to Hugo format.
- Replacing Disqus with Github Commentsby Don Williamson TutorialApr 23, 17
I’ve been considering removing comments from this blog for a while; mainly because the site doesn’t trigger much discussion and I didn’t like keeping the overhead of Disqus around. After looking into Disqus load-time behaviour I was pretty shocked what I was forcing on people loading the site
- Exploring Netlify CMS: React & Git-based Content Managementby Snipcart TutorialApr 20, 17
Having your content live in Git brings the power of version control to your content management. GitHub’s well-oiled collaboration mechanisms—branches, forks, pull requests, merges—allow for easy tracking & rollbacks of site modifications (we’ll see how Netlify CMS handles this with elegance).
- Hugulp, a Hugo + Gulp toolchainby Juan B. Rodriguez TutorialApr 20, 17
Having decided on Hugo, I created a workflow that would allow me to replicate the famous Ruby on Rails Asset Pipeline. The basic premise of the Asset Pipeline is to minify, concatenate and fingerprint the assets used in your blog (images, stylesheets, scripts) so that less (and smaller in size) network requests are made by the browser.
- Switching from WordPress to Nikolaby Alan Pope TutorialApr 18, 17
For a long while my personal blog has been running WordPress. Every so often I’ve looked at other options but never really been motivated to change it, because everything worked, and it was not too much effort to manage. Then I got ‘hacked’
- Getting Hugo running on Netlifyby Richard Littauer TutorialApr 17, 17
Running Hugo on Netlify is satisfyingly great. You can get a static website running with almost no operating costs (unless you’re at major scale), and you’re also able to quickly deploy by pushing to GitHub, as well as getting SSL through LetsEncrypt automatically at the push of a button.
- Powering a Website Publishing workflow with Forestry CMS and Aerobaticby Aerobatic TutorialApr 11, 17
Fortunately a new breed of CMS tools that are emerging that bridge the gap — providing a slick interface for content editors but utilizing Git as the storage repository rather than a proprietary database. As we’ll see, this enables a universal deployment pipeline where changes from developers and changes from content contributors follow the same flow to production.
- Testing your Jekyll Website with Capybaraby Philipp Hansch TutorialApr 07, 17
I recently had problems when I was migrating this blog from Jekyll 2.5 to Jekyll 3.3. The permalinks were broken after the upgrade and I only noticed this after the change went live. Some basic tests could have easily prevented this.
- Hugo Easy Galleryby Li-Wen Yip TutorialApr 05, 17
Using Hugo’s built-in shortcodes, Hugo Easy Gallery makes Hugo image galleries easy.
- Quick Tip: How to Build Customizable HTML Widgets in Jekyllby Jon Persson, Sitepoint TutorialApr 05, 17
The static site generator Jekyll is known in web design circles for being light-weight and “hacky”. But that is only part of the truth. Jekyll is surprisingly powerful in terms of what you can do with it, and how user-friendly you can make it to non-technical users and clients.
- Creating a Category Based Pagination in Liquid for Jekyll without Gemsby Jay Aevyz L. TutorialApr 02, 17
In this post, I shall describe the Paginator I wrote purely in Liquid. This was my first main feature, thus was a little rough on the edges. It was also the feature that convinced me to ditch purely Liquid based solutions since documentation and debugging of it is atrocious.
- Install Jekyll on a Windows Machineby Dinika Saxena TutorialApr 02, 17
The seemingly simple [installation] instructions on the home page of its official website didn’t work for me since I use a Windows machine.
- Self-host comments in Jekyll, powered by Firebase real-time databaseby Frank Lin TutorialMar 25, 17
- Serverless Stack - Step-by-step tutorials for creating serverless React.js appsby Anomaly Innovations TutorialMar 24, 17
Serverless Stack is a comprehensive guide to creating full-stack serverless applications. Create a note taking app from scratch using React.js, AWS Lambda, API Gateway, DynamoDB, and Cognito. Follow our step-by-step tutorials and use our live chat if you have any questions.
- Generating static AMP pagesby Paul D'ambra TutorialMar 22, 17
AMP or Accelerated Mobile Pages is a Google-backed project that allows you to use restricted HTML to delivery static content quickly. Since AMP HTML is restricted it isn’t a fit for every site. Since this blog is published as static HTML artiles it is a good candidate for publishing an AMP version. An open source AMP jekyll plugin was amended to add AMP versions of pages.
- Jekyll and Staticmanby Matthew Morris TutorialMar 20, 17
- Dealing with version conflicts between Hugo and Netlifyby Adam Wills TutorialMar 19, 17
One of the trickier issues that I dealt with when getting started with Hugo and deploying to Netlify involved what I later found out to be a conflict of versions.
- Draft Blog Posts in Middlemanby Rubyletter TutorialMar 15, 17
The RubyLetter site — the one you’re reading right now — is built using the static site generator, Middleman. I really like Middleman because it feels much more fully-featured that Jekyll. However one thing that I missed from Jekyll was the drafts folder. You can put draft blog posts in _drafts and you’ll see them in development but not in production.
- Enabling offline usage of a Hugo site (PWA)by Michel Racic TutorialMar 12, 17
PWA (Progressive Web Apps) are pretty cool for certain use cases like users having flaky connections (e.g. from mobiles) or just to reduce the initial loading time (after the first visit to the page). I document my exercise adding offline capability to a small single page site with no frequent updates that I built with Hugo and the Dimension theme.
- Twitter cards partials for Hugoby GoHugoHQ TutorialMar 10, 17
With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to their followers. Here we will build a partial that shows you how to embedd this with ease in Hugo.
- Autolinking shortcode through articlesby GoHugoHQ TutorialMar 09, 17
Sometimes its hard to crawl through all your articles and link them with specific keywords. What if you could just define the keywords you would like to have linked and Hugo finds the proper keywords and link them automatically with the actual page.
- Go offline! Service Worker and Hugoby gohugohq TutorialMar 08, 17
After mobile first, offline first and progressive web apps (PWA) are the current trend at the moment. Service Workers are crucial for both of them. A service worker is basically a script acting like a proxy between the browser and the network. You will find a simple example how to install a service worker for your Hugo satic site to make it blazing fast.
- Getting to grips with Contentful and Jekyll – Leon Paternosterby Leon Paternoster TutorialMar 08, 17
Contentful, if you’re unaware, is a platform agnostic Content Management System (CMS). You use its API to pull content into a website or app. There are several reasons for using Contentful instead of/in addition to a CMS
- Compare date strings in hugoby GoHugoHQ TutorialMar 07, 17
Assume you wish to compare two formatted date strings like 2017-03-15 with 2017-01-12 and you want to compare them which one is older. Or check if a date is in past or future.
- How to schedule posts for static site generators (Jekyll, Hugo, Phenomic etc.)by David Wells TutorialMar 07, 17
The post scheduler is a serverless project that gives static site owners the ability to schedule posts (or other site content).
It works with any static site setup (Jekyll, Hugo, Phenomic, Gatsby etc.)
- Activity Calendar Partialby GoHugoHQ TutorialMar 06, 17
An activity calendar-widget is well known from content management systems like Wordpress. Users can see the activities/posts written in a calendar view and navigate through the archive. In this article, I show you one possible approach to achieve this with Hugo.
- How to create a first-letter indexed listby GoHugoHQ TutorialMar 04, 17
Think about the address book on your mobile phone scroll it down and you see that all the titles above are first-letters from the following entries. In this article you will find a solution how to achieve this with Hugo.
- Zero to HTTP/2 with AWS and Hugo - habd.asby Josh Habdas TutorialMar 03, 17
In this post you will learn how to go from Zero to HTTP/2 with AWS and Hugo, the fastest static site generator in existence.
- How to Do Agile Prototyping Using Static Pages to Reduce Development Timeby Àlex Rdgz Bacardit, MarsBased TutorialMar 02, 17
In this blog entry, we will give you more technical insight on how we prototype using static pages at MarsBased.
- What's new in Jekyll 3.4.0by Colin Garvey, Forestry.io TutorialFeb 28, 17
Jekyll 3.4.0 was release on the 27th of January 2017 with some noteworthy enhancements that I’d like to share with you.
- An Example of a Static Site with a Dynamic Calendar · Raymond Camdenby Raymond Camden TutorialFeb 28, 17
create a simple dynamic calendar system with a static web site.
- Jekyll Instant Search in 3 simple steps!by Webjeda TutorialFeb 26, 17
Adding an instant search to jekyll website can be easily achieved with this method. Instant Jekyll search also gives a feel that the website is live and is using a database eventhough it isn’t. Also, we are not using JQuery here!
- Them's Good Broth! | Adding Isso Comments To Hugoby Stíobhart Matulevicz TutorialFeb 24, 17
If you’ve read my recent post on Disqus’s underhand link hijacking, you’ll know that it gave me the impetus I needed to finally make good on my long-held intention of getting rid of Disqus and installing a self-hosted comments system on Them’s Good Broth instead—to wit Isso.
- 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.
- Hugo dateFormatby GoHugoHQ TutorialFeb 21, 17
Understanding times and dates in Hugo templates is not as easy as it looks like. In this article we will have a deeper look how to deal with dateFormat to receive an output you expect.
- How to Create a Fast, Secure, and Scalable Open Source Blog with React + Markdownby David Wells TutorialFeb 17, 17
Most companies look to WordPress, SquareSpace, or Medium for their company blogs. While these sites work for hosting blog content, they come with a number of downsides, especially if your target audience is develo
- Using Hexo and AWS to build a fast, massively scalable website for pennies – Mediumby Ted Yavuzkurt ArticleFeb 14, 17
I built myself a website that can handle front page of Reddit traffic. I’ve paid 50 cents a month in hosting so far. You can too.
- Deploy a Hugo site to Aerobatic with CircleCIby AerobaticFeb 14, 17
With the recent introduction of our new CLI, you can now host your Hugo sites on GitHub and using a Continuous Deployment tool like CircleCI, deploy to Aerobatic.
- NPM scripts for building and deploying Hugo sitesby Aerobatic TutorialFeb 13, 17
If you’re new to Hugo, one of the things you learn pretty quickly is that there’s no plugin system to extend beyond the core task of combining Markdown and templates to output a set of static .html files. Fortunately the npm ecosystem already has great tools for performing these tasks.
- Hugo NpmFeb 12, 17
title: “NPM scripts for building and deploying Hugo sites” source: Aerobatic date: 2017-02-12 12:00 link: https://www.aerobatic.com/blog/hugo-npm-buildtool-setup/ type: Tutorial tool:
- Choose Hugo Over Jekyll - habd.asby Josh Habdas TutorialFeb 01, 17
After trying a number of SSGs myself over the years the one I’ve zeroed in on is none other than Hugo. Here’s just a few of the reasons why Hugo rocks the socks off Jekyll:
- 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.
- Adding 'Minutes to read' to your Jekyll blogby Àlex Rodríguez Bacardit TutorialFeb 01, 17
I created a code snippet to calculate reading time on a given blog post for Jekyll. I got this idea from Medium’s interface, where you can see each post’s reading time, as you can see below.
- Middleman Tutorial (v4): Enable Static E-Commerce on a Ruby Site Generatorby Snipcart TutorialJan 27, 17
- How to build and deploy static websites using NodeJS & Metalsmithby Tilo, Node Web Apps tutorialJan 15, 17
My process for building and deploying static websites using Metalsmith, a static site generator for NodeJS.
- 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.
- Alerts In Wyamby Digital Tapestry TutorialJan 08, 17
Bootstrap has the concept of “alerts”, which are specially styled divs used to call out notes. I wanted to be able to add these alerts to a Markdown document processed by Wyam.
- A publishing workflow for teams using static site generatorsby Keybits TutorialJan 02, 17
If your team is semi-technical, and writes content for a static site generator such Jekyll or Hugo, you may have wondered how to approve new content before deploying it to production.
- How to show related posts in Hugoby Peter Y. Chuang TutorialDec 30, 16
The ability to show related posts is not yet a feature in Hugo. At present, one way to achieve this is by showing posts that have common tags or categories with the intersect function, as described in Hugo’s documentation.
- Serve static websites with Caddy web serverby Peter Y. Chuang TutorialDec 30, 16
Initially, I put this website on Github Pages, which is free and fast, but lacks flexibility. For months, I’ve been itching to migrate (the move to Firebase proved short-lived) while dreading the prospect of having to configure and maintain a server. Then I discovered Caddy web server, the easiest-to-set-up web server I’ve ever used.
- HugoPhotoSwipeby Gertjan van den Burg ResourcesDec 29, 16
HugoPhotoSwipe, a command line application for creating and updating PhotoSwipe galleries in Hugo. HugoPhotoSwipe is also available from PyPI. The idea is to have a directory of photos for each gallery and a corresponding description file where captions of the photos can be defined.
- 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.
- Hosting Hugo on GitLabby Bryan Klein TutorialDec 21, 16
A short overview of what I did to host this Hugo-based website on Gitlab.
- Moving your blog from WordPress to GatsbyJS - Chiedo Labsby Chiedo TutorialDec 15, 16
Last week, I moved our entire website from WordPress to GatsbyJS. For those curious as to my thought process, it was this.
- 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.
- How to Create a Fast, Secure, and Scalable Open Source Blog with React + Markdownby David Wells TutorialDec 11, 16
Serverless.com’s blog is 100% open source content driven by a GitHub repo and Markdown files. Blog content is fed into our site and rendered with our static website generator of choice Phenomic. Let’s explore the benefits of our blog setup and how they address the problems outlined above.
- 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.
- Speeding up metalsmith with incremental builds | Mograblogby Guy Mograbi TutorialNov 15, 16
I love metalsmith. Since I transitioned to it I write more on my blog. The only thing that annoyed me is that it became a bit slow. I found myself waiting several seconds between changes. So yesterday I decided to do something about it and I reached to a 500ms build on change. I’d like to share with you what I did.
- 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.
- AWS Lambda Static Site Generator Plugins - Alestic.comby Eric Hammond TutorialOct 31, 16
A week ago, I presented a CloudFormation template for an AWS Git-backed Static Website stack. If you are not familiar with it, please review the features of this complete Git + static website CloudFormation stack. This weekend, I extended the stack to support a plugin architecture to run the static site generator of your choosing against your CodeCommit Git repository content.
- Lektor Static CMS, put the fun back into Content Managementby Donato Rotunno TutorialOct 27, 16
So yet another static website generator, I hear you saying. It’s true that there are a lot of static generators, but if you look a bit closer you’ll soon realise that Lektor is really a different beast.
- 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.
- A Beginner's Guide to Crafting a Blog with Metalsmithby Parimal Satyal TutorialSep 29, 16
Neustadt.fr is built with Metalsmith, a node.js-based static site generator. In this tutorial, I explain how you can build your own Metalsmith blog from scratch.
- Lektor Static CMS, put the fun back into Content Managementby Donato Rotunno TutorialSep 21, 16
So yet another static website generator, I hear you saying. It’s true that there are a lot of static generators, but if you look a bit closer you’ll soon realise that Lektor is really a different beast.
- 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
- Hello, Lektorby Horst Gutmann TutorialSep 16, 16
- 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.
- Moving to a static siteby David Yates TutorialAug 19, 16
What I didn’t anticipate was the increased level of control over the site’s content and layout the change would give me – and it’s a big increase, big enough to be a deciding factor in the battle between blogging CMSs and static site generators.
- Publishing from Day One to Pelican with Hazel and Dropboxby Ryan M TutorialAug 19, 16
I’ll be soon embarking on a long bike tour and was searching for a way to keep a journal of my trip but also post updates to a website. Day One was an obvious journaling choice, but with version 2, publishing isn’t yet available. With a little poking around, it turned out to be fairly easy to export Day One entries and publish to Pelican (my static blog generator of choice).
- Sculpin Extended: Customizing Your Static Site Blogby Wern Ancheta, Sitepoint TutorialAug 18, 16
If you’re a PHP developer and currently running a blog with a static site generator such as Octopress or Jekyll, wouldn’t it be great if you could use your primary language for it?
- 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.
- Using submodules in GitHub Pagesby Random.parts TutorialAug 09, 16
- 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.
- Better TeX math typesetting in Hugoby Lincoln TutorialAug 07, 16
- 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.
- Limitations of Hugo's Date Format Templatingby Paul Heinlein ArticleAug 04, 16
The layout string used by the Parse function and Format method shows by example how the reference time should be represented. We stress that one must show how the reference time is formatted, not a time of the user’s choosing. Thus each layout string is a representation of the time stamp, Jan 2 15:04:05 2006 MST An easy way to remember this value is that it holds, when presented in this order, the values (lined up with the elements above): 1 2 3 4 5 6 -7
- Mastering metalsmith: best practices for static sitesby Patrick Heeney, Evocode TutorialAug 03, 16
- How we built the new evocodeby Patrick Heeney, Evocode TutorialAug 03, 16
We launched the new evocode.com this week using metalsmith, a static site builder and the alpha release of bootstrap 4. We wanted to share some of our discoveries and discuss how we will be building our websites in the future.
- 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?
- 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.
- Wercker and AWS S3 for a static middleman siteby Elliot Blackburn TutorialJul 30, 16
Recently I’ve been working on a few projects that are working really well as simple static sites. I’ve been toying with Middleman and I’m really enjoying it!
- 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.
- Making a basic URL shortener with Middlemanby Adam Hollett TutorialJul 27, 16
About a year ago, I bought admh.lt, a shortened version of my adamhollett.com domain name that also happens to be the slug I use for my username on many sites. admh.lt just redirects to adamhollett.com, but it retains anything else that’s been appended to the URL, so admh.lt/posts redirects to adamhollett.com/posts.
- Why our website is faster than yoursby De Voorhoede TutorialJul 26, 16
We recently updated our site. Yes, it has a complete design overhaul, but as real software developers we focused a lot on the technical bits and pieces as well. Our goal was to take control, focus on performance, be flexible for the future and make it fun to write content for the site. Here’s how we made our website faster than yours
- Static site nirvana: Roots, GitLab CI and Forge in unisonby David Eglin TutorialJul 25, 16
- Static site nirvana: Roots, GitLab CI and Forge in unisonby David Eglin TutorialJul 25, 16
- blogging with gatsbyby Drunken Coder TutorialJul 22, 16
I wanted to make a static blog that used react to render, and generated pages for noscript people (and SEO.) This is about my awesome gatsby starter you can use yourself.
- 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.
- Making a basic URL shortener with Middlemanby Adam Hollett TutorialJul 21, 16
It turned out to be fairly simple to generate redirecting HTML pages dynamically with Middleman. And the whole process only takes about 20 lines of code – and that number includes the HTML template used for each redirect page.
- rAuto generate category index pages w/ submodulesby Random.parts TutorialJul 17, 16
- 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.
- Image and video processing for your static siteby Sawyer Hollenshead, Oak Studios TutorialJul 04, 16
Optimization can be tricky when it comes to static sites though. Since there’s no server processing and generating your pages, you don’t have the benefit of using something like ImageMagick alongside a gem like CarrierWave, which makes it easy to resize and optimize your images when they’re uploaded.
- 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
- A Serverless CMS Architectureby Aerobatic ArticleJun 28, 16
“Ain’t nobody got time for DevOps”
- How I used Google Drive and Firebase to give my static site a CMSby Max Barry TutorialJun 22, 16
I released recently a new way to manage website content using Google Drive. Admins can edit and add content to a Google Spreadsheet, and then push the spreadsheet’s content to their site’s API endpoint.
- Secure and fast GitHub Pages with CloudFlareby Junade Ali, Cloudflare TutorialJun 16, 16
In this tutorial, I will show you how to use CloudFlare and GitHub together. By taking advantage of CloudFlare’s global network, you can utilise our CDN service to improve your site’s performance and security.
- 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.
- Considerations when converting from WordPress.com to Hugoby Elmar Klausmeier TutorialJun 13, 16
Below is a list of tasks and open issues when migrating from WordPress.com to Hugo:
- SSGs Part 2: Modern Static Site Generatorsby Marcia Ramos, Gitlab TutorialJun 10, 16
What are Static Site Generators? What are they for? Why should I use them? Do they have limitations? How can I use them with GitLab Pages?
- 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.
- Static Site E-Commerce: Integrating Snipcart with Jekyllby Snipcart TutorialJun 02, 16
- A static website with React? Really?by Maxime Thirouin, AtTheFrontend 2016 PresentationJun 02, 16
- 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:
- Project Documentation with Hexo Static Site Generatorby Bruno Mota, Sitepoint TutorialMay 30, 16
- 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.
- How to use Data Files in Hugo: an exampleby Peter Y. Chuang TutorialMay 19, 16
In Hugo, Data Files are placed inside the data folder. Inside, you can further organise the files into different levels of sub-folders. For example, I have a folder named novelists, and inside novelists I have one more level of sub-folders, in which I store my data in YAML (you can choose to use TOML and JSON).
- 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.
- A reactive serverless cms for the technology blog · Razorfish Technology Blogby Razorfish TutorialMay 06, 16
A reactive serverless cms for the technology blog
- 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.
- How to Create a Blog with Hexo On Ubuntu 14.04 | DigitalOceanby C.J. Scarlett, Digital Ocean Community TutorialMay 03, 16
This tutorial will set up Hexo with deployment supported by GitHub and Nginx.
- Using Webpack and React with Jekyllby Allison Zardrozny TutorialMay 02, 16
- How to Create a Static Site with Metalsmithby Craig Buckler TutorialApr 21, 16
I choose Metalsmith because: is not aimed at specific project types such as blogs, supports a wide range of template and data format options, is lightweight, has few dependencies, uses a modular structure, offers a simple plug-in architecture, and is easy to get started.
- 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.
- Roots — a delightful Static Site Generator. Get started in 20 minutes.by Kevin Lewis TutorialApr 20, 16
In this tutorial, we’ll run through a delightful SSG called Roots, which I was introduced to by James. We’ll get through an installation, get a basic website built and then get it live by deploying it on GitHub Pages, which is free to use.
- Static site generation with Gatsby.jsby Scott Nonnenberg PresentationApr 19, 16
What is Gatsby? It’s a node module which weaves together React.js, React-Router, webpack, and webpack-static-site-generator. You get a nice development experience with hot-reload for page contents, styles and page structure, and you’re working with the same markup as what is generated to disk for production builds. It’s as simple as running gatsby develop or gatsby build on the command-line.VIDEO
- 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.
- Using Webpack with Middlemanby Ross Kaffenberger TutorialApr 18, 16
Ditch Sprockets and embrace the external pipeline
- 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
- Middleman + Gulp Videoby Craig Dennis TutorialApr 04, 16
Use the Middleman v4 external pipeline with Gulp Starter
- Interview: The Team Behind Aerobatic Hostingby Ryan Brown, Serverless Code ArticleApr 01, 16
I had the opportunity to sit down with David Von Lehman from the Aerobatic team and ask about running a business on open-source, where the idea for Aerobatic came from, and monitoring Lambda infrastructure.
- 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.
- A Tale of Migrating to a Static Web Siteby Kory Becker, Primary Objects ArticleMar 24, 16
Details the nuts and bolts of scraping, parsing, and converting an html site into a series of markdown documents, used for automatically generating a static site with Hexo.
- 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
- More HTTPS, Much Awesome with Aerobatic and AWS ACMby Sam Wilson, cycloptivity.net ArticleMar 20, 16
How does Aerobatic help us here? By leveraging the Amazon Certificate Manager (ACM) to issue free TLS certificates for any domain that is validated by ACM they can configure a AWS Cloudfront distribution with end-to-end encryption and delegating cipher suite hardening to AWS (which they update regularly - just have a look at your ELB policies).
- 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):
- 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.
- Leverage shortcodes in Hugoby Julio Pescador TutorialMar 16, 16
I’ve been trying out Hugo recently for my website which is a great and fun tool to use. There is a particular feature that you can use which I find to be very helpful. This feature is called shortcodes .
- 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.
- Ian Sinnott presents Building Static Sites with React - YouTubeby Real World React PresentationMar 13, 16
React.js is an exciting technology for the web that is also making it easier to write native, cross-platform applications. In this talk, Ian Sinnott of TruSTAR Technologies discusses building static, serverless sites using the full power of React.
- Building BasicMan.co : Static-Dynamic Application Architectureby Jacob Gillespie TutorialMar 02, 16
- 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.
- Building Middleman Extensionsby Will Schenk TutorialMar 01, 16
Middleman extensions, like rails plugins, are packaged as gems. There are three main ways to extend middleman. You can add helpers, add middleman commands, or extend the sitemap generation in someway. Lets go through those in detail.
- 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.
- Tips and tricks for building a theme in Hugoby Jeff McMorris TutorialFeb 29, 16
So I am learning how to build a theme in hugo and wanted to document the things I found that were not obvious to me.
- 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.
- Minify Hugo Generated HTML · RatsonTutorialFeb 16, 16
Minification can be easily archived by using Gulp and some scripts. You can see the result from the source of this blog.
- Working with Hugo's Internal Partial Templates: twitter-cardsby Brendan Quinn TutorialFeb 12, 16
Hugo’s internal templates are neat and helpful. They are templates that live within hugo and can be referenced similar to other templates.
- 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.
- Jekyll Documentation (Book Edition)by Planet Jekyll TutorialFeb 06, 16
- Developing a Static Site Generator Workflowby Thomas Peham, Sitepoint TutorialFeb 04, 16
In this article, I’d like to give you some insights into the journey we undertook in the last couple of months to change our stack of tools and the way we produce and deploy new landing pages.
- 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…?
- 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…?
- Working with Data, Assets, and Templates in Middlemanby Ed Wassermann, Tutsplus TutorialFeb 02, 16
This second tutorial about building static websites with Middleman dives a little deeper into the framework. By the end, you should know enough to build your own project from scratch. We’ll cover topics such as Data Files, Pretty URLs, Project Templates and the Asset Pipeline, so let’s get stuck in!
- How to Setup a Static Website with Middlemanby Ed Wassermann, Tutsplus TutorialFeb 02, 16
This is part one of a small series about Middleman, “a static site generator using all the shortcuts and tools in modern web development”. The first two tutorials will cover the basics, after which we’ll put what we’ve learned into action with a practical project. Middleman does require the use of Ruby, but don’t hesitate to read on if this is alien to you; this series is completely newbie-friendly.
- 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.
- Why I use a static site generator (and store all my content in a public Git repo)by Justice Dunham ArticleJan 26, 16
I’ve spent over a decade managing various content management systems as part of my day job. Drupal, Wordpress, ExpressionEngine. Custom CMSes built in-house. Tumblr instances. For a long time I used Wordpress, until about this time last year, I migrated this blog from Wordpress to Hugo.
- 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.
- Implementing blog theme bells and whistles in Hugo: pagination, pages, related posts, and tag listsby Justin Dunham TutorialJan 22, 16
First in a series
- 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.
- Building a static multi-language site with Metalsmith (part II)by Belén Albeza TutorialJan 06, 16
- Building a static multi-language site with Metalsmith (part I)by Belén Albeza TutorialJan 06, 16
- 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.
- How to host Hugo static website generator on AWS Lambdaby Ilya Bezdelev TutorialDec 15, 15
In this tutorial we will create a static website publishing platform hosted in the cloud using several AWS services. It will run static website generator Hugo on AWS Lambda, store files in AWS S3 and serve them from AWS CloudFront. You will learn what these services do and set them up with easy-to-follow step by step instructions and screenshots.
- When simple is the only optionby Instrument ArticleDec 15, 15
- How we test 18f.gsa.govby Greg Boone, 18F: Digital service delivery TutorialDec 11, 15
One advantage of hosting our site’s code on GitHub is we can integrate with continuous integration (CI) services to check our work before we publish. Many open source projects use a CI to run various tests on their code. We use it to run tests on our content.
- Harp.js Previous and Next using EJSby Ian Rose TutorialDec 10, 15
- Super-simple breadcrumbs in Jekyll 3.0by Jordon Bedwell (Jekyll Core), @envygeeks Resource/WebsiteDec 06, 15
- Refactoring into a plugin... with tests!by @osfameron TutorialDec 06, 15
- Jekyll Codexby J.H. van der Schee Resource/WebsiteDec 04, 15
- Deploy your blog to github pages automatically using Hugo and Travisby Roman Coedo TutorialDec 03, 15
- Build a Better Blog with a Static Site Generatorby Jeff Ammons, Pluralsight Video/PresentationNov 30, 15
- Make a Static Website with Jekyllby Tania Rascia TutorialNov 30, 15
- Introduction to plugins with Jekyll 3.0: pictures of squirrelsby @osfameron TutorialNov 29, 15
- The ultimate guide to static websites with Jekyllby Ines Montani TutorialNov 28, 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.
- Managing a CD release workflow with staging and production branchesby Aerobatic TutorialNov 25, 15
- 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
- Middleman - automate your data with the data folder and partialsby Anthony Candaele TutorialNov 21, 15
In this article I want to show you how I cleaned up static html by the use of partials and the data folder. The data folder is Middleman’s replacement for a database. You can store data in this folder as .yml files.
- Building Books with Middleman Extensionsby Eric Gardner (@ecgardner) ArticleNov 21, 15
At the Getty, I’m building a platform (working title: Octavo) for publishing digital art books. The goal is to generate multiple book formats (web, PDF, EPUB, print on demand) from a single set of text files. The backbone of the project is the Middleman static site generator.
- Make your Jekyll Blog Awesome with Git Submodulesby Jacob Young TutorialNov 16, 15
- 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.
- Building a blog in ES6 with Metalsmithby Cameron J Roe TutorialNov 11, 15
- Is it time to trade your CMS for a static website generator?by Patricio Robles, Econsultancy ArticleNov 10, 15
…companies should keep their eye on static website generators and look for opportunities to incorporate them into their web development toolkits going forward.
- How To Install and Use Hugo, a Static Site Generator, on Ubuntu 14.04by Justin Ellingwood TutorialNov 09, 15
In this guide, we will cover how to install and use Hugo on an Ubuntu 14.04 server. This will allow us to configure a static site, create content, and publish on the same server or deploy to a production location.
- Static Site Generator (from a Python book)by Full Stack Python ArticleNov 06, 15
For example, when Full Stack Python was on the top of Hacker News for a weekend, GitHub Pages was used as a CDN to serve the site and didn’t have any issues even with close to 400 concurrent connections at a time
- Building Sites with Middleman (video series)by Watch and Learn TutorialOct 29, 15
- Launching Jekyll 3.0by StaticWebTech Video/PresentationOct 28, 15
- Static Site Generation using Metalsmithby David Boyer Video/Presentation
- Video: Forging static sites with Metalsmithby David Boyer at CodeNode, London Video/Presentation
- Writing your first Metalsmith pluginby Peter Morlion TutorialOct 20, 15
At a certain point in time, you’re likely to need something that nobody has written a Metalsmith plugin for yet. This is probably more true now, when it’s still quite early days for Metalsmith.
Turns out, it isn’t hard to do.
- Building Technical Documentation with Metalsmithby Andy Jiang, Segment TutorialOct 20, 15
Using Metalsmith to build a simple blog is one thing, but building easy-to-maintain documentation isn’t as simple. There are different sections, libraries, various reusable code snippets and content that live in multiple places, and other stuff to consider. Metalsmith simplifies maintaining all of these moving parts and let’s us focus purely on creating helpful content. Here’s how we did it!
- Building a Style Guide with Jekyllby Michael Rose, Made Mistakes TutorialOct 20, 15
- How to Disable DISQUS & Google Adsense when Running Jekyll on Localhostby Jon Cuevas, Archon Digital TutorialOct 19, 15
- Don’t Wait for ServiceWorker: Adding Offline Support with One-Lineby Dave Walsh TutorialOct 16, 15
- Building Static Websites with Sculpinby Oliver Davies Video/PresentationOct 16, 15
- Hugo Continuous Integration with Wercker and Bitbucketby Aerobatic Resource/WebsiteOct 15, 15
Hugo is a slick static site generator built in Go, and is viewed by many developers as a better alternative to Jekyll. Wercker is a docker-based continuous integration (CI) tool that integrates nicely with Bitbucket. And Aerobatic, of course, is a static-hosting solution that integrates with Bitbucket via an add-on.
- Hands on Experience with Hugo as a Static Site Generatorby Thomas Peham, Usersnap ArticleOct 15, 15
- How to use the Harp.js static site generatorby Matt Lambert TutorialOct 13, 15
- Wordpress to Middlemanby James Stone @ Static Web Tech Meetup Video/PresentationOct 12, 15
- Migrating from Octopress to Pelicanby Jinghao Shi ArticleOct 11, 15
- The Quest for the One True Static Site Generatorby Jan Van Ryswyck, Elegant Code ArticleOct 10, 15
- Jekyll videos (updated 10/8/15)by Thomas Bradley NewsOct 08, 15
Playlist of Jekyll tutorials
- Using node and metalsmithby Peter Morlion TutorialOct 04, 15
- Some Advanced Jekyll/Liquid Template Techniquesby Brian Rinaldi, Remote Synthesis TutorialOct 02, 15
- Hybrid Static: A New App Architectureby Roots.cx ArticleOct 02, 15
- Awesome Metalsmith: A curated list of awesome Metalsmith resourcesby Andy Jiang (lambtron), Segment Resource/WebsiteOct 01, 15
- Static Site or CMS?by Brian Rinaldi, Telerik ArticleSep 29, 15
…when you should consider using a static site and, alternatively, when you really need a CMS. Keep in mind that there are no hard and fast rules, but these guidelines will hopefully help.
- 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.
- Creating static sites with Metalsmithby Peter Morlion TutorialSep 18, 15
- How to Post a Jekyll Content Form to SlackTutorialSep 13, 15
- 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.
- Introduction to Metalsmithby Andy Jiang ArticleAug 16, 15
When I first encountered Metalsmith, I thought that it was similar to Jekyll. It wasn’t until I had worked on two to three projects using Metalsmith that I fully realized its flexibility and power. This post is an introduction to Metalsmith and its extensibility.
- 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.
- Middleman and Static Site Generators with Thomas Reynoldsby The Changelog Video/PresentationAug 15, 15
Our guest this week is Thomas Reynolds the maker of Middleman. Thomas joins the show to talk about the history of static site generators, how he got into open-source, his love for Go, and what’s to come in Middleman v4.
- Static Site E-Commerce (part 3): Integrating Snipcart with Hugoby Snipcart TutorialAug 14, 15
- Why Hugo? A static site generator optimized for performanceby Rick Cogley, eSolia ArticleAug 12, 15
- Building a GUI for managing middleman blogsby Technology for the Blank Page ArticleAug 07, 15
Can we make static site generators work like a normal site? Lets take a look at how we’d start to implement Slow Data and Fast Sites using the example of building an admin UI for a Middleman blog.
- SSG-independent Themesby Mark Birbeck ArticleAug 06, 15
There are lots of static site generators (SSG),written in a variety of languages and many of them are incredibly powerful. But when it comes to theming they all seem to suffer from the same problems.
- Episode 20 - Static Site Generatorsby Podcast.__init__, a Podcast about Python Resource/WebsiteAug 03, 15
In this episode we had the opportunity to discuss the world of static site generators with Roberto Alsina of the Nikola project and Justin Mayer of the Pelican project. They explained what static site generators are and why you might want to use one. We asked about why you should choose a Python based static site generator, theming and markup support as well as metadata formats and documentation. We also debated what makes Pelican and Nikola so popular compared to other projects.
- 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.
- Hugo on Netlify — Insanely Fast Deploysby Netlify ArticleJul 30, 15
- Metalsmith Pluginsby Andrew Goodricke ArticleJul 29, 15
Getting the most out of Metalsmith
- Bleve Search for Hugo Sitesby Bleve TutorialJul 24, 15
At a high level, there are three steps to adding search to your site. First, you must build the index. Second, you must host the index. Third, you add a search page to your site.
- Static Site Generator Speed Test (Nikola, Pelican, Hexo, Octopress)by Chris Warrick Resource/WebsiteJul 24, 15
- 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.
- Why Code School Loves Middlemanby John D. Jameson, Code School ArticleJul 18, 15
Middleman offers so much convenience and ease of use that we jump at every opportunity to work with it. More often than not, these opportunities come in the form of prototypes and small websites. So today I want to share with you how Middleman helps us with each of these 2 use cases.
- GitHub Pages & Custom Domainsby David Darnes TutorialJul 10, 15
I’ve created a list of all the ways you can use GitHub Pages and a custom domain.
- Introducing Autotuneby Kavya Sukumar and Ryan Mark, Vox Product ArticleJul 09, 15
Autotune is a web interface for static site generators.
- 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’).
- Static Sites that Work for Youby Andrew Goodricke ArticleJun 19, 15
In a previous post I wrote about the static html reprise explaining that most web pages only need to be built when the content or code has changed. Having your site like this can save you and your customers time and money, win-win situation. Most static site generators work from files in the codebase to get their content. Usually a Content Management System (CMS) is built into the site so non-technical authors can add and amend the content for the site, we need something to do this job for us. A solution to the problem is using a Software as a Service (SaaS)…
- Middleman: Static Sites Aren’t Just for Blogsby PJ Hagerty, Engine Yard TutorialJun 15, 15
When working on a new language, framework, or toolset, we’re often working with an example that wants us to build a blog. While blogs are great and easy to build, they are a limited in scope, and it could be we’re looking to build a different sort of static site—one that isn’t a collection of posts arranged by date. So what’s the alternative?
Enter Middleman. Middleman is a framework built for the purpose of creating simple static sites. Think of it as Jekyll, but for everything that isn’t a blog. And in this post, we’ll look at creating a simple static site with Middleman.
- 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!
- Static Site Generation with React and Webpackby Jxnblk TutorialJun 07, 15
React’s focus on reusablility, along with the ability to install and require components via npm, provides an elegant way to rapidly build application UI in an efficient and consistent way.
- 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.
- Static Web Tech: Comparing static site generators and how to onboard from a dynamic workflowby Mathias Biilmann, Netlify Video/PresentationMay 30, 15
Mathias gave this talk at the first editing of the Static Web-Tech Meetup in San Francisco, at the Netlify office. It covers how to move from a dynamic approach to building websites, to a modern approach based on static site generation, and maps out the landscape of static site generators. Slides at Speaker DeckVIDEO
- Rearchitecting GitHub Pagesby Charlie Somerville, Github Engineering ArticleMay 29, 15
GitHub Pages, our static site hosting service, has always had a very simple architecture. From launch up until around the beginning of 2015, the entire service ran on a single pair of machines…
- 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.
- 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.
- Rethinking Static Sitesby Kelly Sutton ArticleMay 20, 15
- Simple static sitesby Rowan, Netengine.com TutorialMay 14, 15
- Awesome Jekyllby Gerald Bauer Resource/WebsiteMay 11, 15
A collection of awesome Jekyll goodies (tools, templates, plugins, guides, etc.)
- Slow data and Fast Sitesby HFC Technology Academy ArticleMay 08, 15
building fast, searchable, functional sites that fail gracefully
- Jekyll Deployment with DigitalOceanby Paul Anthony Webb TutorialMay 08, 15
- Jekyll Versus the Competitionby Brian Rinaldi ArticleMay 07, 15
- Simple websites with Jekyll and Dockerby Josh Habdas TutorialMay 03, 15
- Building a Static Site Generator Grunt Pluginby Matthew Daly, Sitepoint TutorialApr 29, 15
You may be surprised that it isn’t overly difficult to write your own static site generator.
- Sharing Jekyll posts on social media using front matter and IFTTTby Eduardo Boucas TutorialApr 28, 15
- Static Sites with Parseby Yon Bergman NewsApr 28, 15
[ed. Note that Parse is closing]
- Making a News App with Middlemanby Cindy Royal Video/PresentationApr 25, 15
This will walk you through the process of building an editorial app using middleman. repoVIDEO
- Using Prism with Metalsmith and Markdownby Glen Cheney TutorialApr 22, 15
- Static Site E-Commerce (part 2): Integrating Snipcart with Jekyllby Snipcart TutorialApr 17, 15
- Create a CMS in 15ish Minutesby de Voorhoede TutorialApr 09, 15
An introduction to Webhook CMS
- Architecting Better Landing Pages: Building robust static sites in Reactby Zoltan Olah, Percolate Studio ArticleApr 09, 15
- How To Use NPM As A Build Tool With Hugo - The Codesteadby Isaac Gregson TutorialApr 04, 15
Hugo is a rather an incredibly powerful tool for building websites. At its core it’s a static site generator. It’s built in the Go programming language. It’s incredibly fast. NPM is a package manager. Though the acronym stands for Node Package Manager its use extends beyond Node.js projects. Namely, it can be used as a simple yet powerful build tool. Let’s learn how to use NPM with Hugo to process our scripts and styles.
- Static Websites with Hugo on Google Cloud Storageby Moxie Input/Output TutorialApr 02, 15
- Getting Started with Wintersmith: A Node.js-based Static Site Generatorby Brian Rinaldi, Sitepoint TutorialApr 01, 15
- Deploying Static Sites to CloudFrontby James Turk Resource/WebsiteMar 27, 15
- Jekyll, Github Pages, and Cloudflare for PageSpeed Winby James Steinbach (@jdsteinbach), Scotch.io TutorialMar 23, 15
- Forging Static Sites With Metalsmithby Rob Ribeiro Video/PresentationMar 21, 15
- Making Content Editors and Web Developers Happy Againby Code.Makery ArticleMar 17, 15
- Getting Started with Jekyllby Brian Rinaldi, Telerik Developer Network TutorialMar 16, 15
- Building a Blog on Metalsmithby Leo, OkayThree Resource/WebsiteMar 12, 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?
- Moving from jekyll to Hugoby Fredrik Loch ArticleMar 10, 15
- Hugo, another performance perspectiveby Fredrik Loch ArticleMar 08, 15
- Netlify vs. Amazon S3by Mathias Biilmann, Netlify ArticleMar 06, 15
In short: S3 manages files. Netlify manages sites.
- Goodby Medium, Hello Jekyllby CloudCannon ArticleMar 05, 15
- 5 reasons you should use Jekyllby CloudCannon ArticleMar 05, 15
- Easily Create Elegant Course Websites w/ YAML & Middlemanby Andrew Pilsch TutorialMar 04, 15
- How To Use GitHub and the Terminal: A Guideby 18F TutorialMar 03, 15
For more than just Jekyll
- CMS-functionality for static site generatorsby Contentful ArticleMar 02, 15
Why on earth would I ever want my CMS back…
- Test your Jekyll blog with Travis CIby Jacob Tomlinson TutorialFeb 28, 15
- Services for Static Websitesby Adam Harris Resource/WebsiteFeb 26, 15
- Install and deploy a Pelican blog using Fabricby osteel's blog TutorialFeb 25, 15
First in a series
- 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.”
- Meet the New Members of the Sculpin Organizationby Beau Simensen NewsFeb 24, 15
- Jekyll Town Hall - Feb, 2015by Jekyll Video/PresentationFeb 23, 15
The first Townhall
- Major Release for Hugoby Steve Francia NewsFeb 22, 15
The v0.13.0 release is the largest Hugo release to date. The release introduced some long sought after features (pagination, sequencing, data loading, tons of template improvements) as well as major internal improvements. In addition to the code changes, the Hugo community has grown significantly and now has over 3000 stars on github, 134 contributors, 24 themes and 1000s of happy users.
- Explain like I'm five: Jekyll collectionsby Ben Balter ArticleFeb 20, 15
- Public Drafts with Jekyllby Kelly Sutton TutorialFeb 19, 15
- Modern Documentation with DocPadby Lukasz Gornicki Resource/WebsiteFeb 16, 15
Introduction to DocPad, the tool you should start using. (also other Docpad posts on the site)
- I am a Jekyll Godby Garth Braithwaite ArticleFeb 13, 15
- Jekyll Quick Reference (Cheat Sheet)by planetjekyll Resource/WebsiteFeb 11, 15
- 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.
- Environments in Jekyllby Christoph Schiessl Resource/WebsiteFeb 08, 15
- Static-Site-Samplesby Brian Rinaldi Resource/WebsiteFeb 07, 15
A collection of simple sites built with various static site engines
- Static Site Generators are Overkillby Valeri Karpov ArticleFeb 07, 15
- The Static Site Generator Pelican VS WordPressby Martin Bundgaard TutorialFeb 07, 15
- Using Travis to build your Sculpin blogby Wouter J TutorialFeb 03, 15
This static blog site is generated by Sculpin and hosted on GitHub Pages. In this article, I’ll tell you how you can setup automatic generation using Travis.
- New Middleman site & identityby Middleman App NewsJan 31, 15
- 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
- Static Site E-Commerce: Integrating Snipcart with Middlemanby Snipcart TutorialJan 19, 15
Likely good for other systems too.
- The new Roots.cx is live as well as Roots 3.0by Roots NewsJan 19, 15
- Octopress 3.0 Is Comingby Octopress NewsJan 16, 15
This release is a full rewrite. The Octopress CLI, among other things, will allow you to quickly create new pages, posts, drafts, and collections, deploy via Git, Rsync, and S3. Octopress Ink is a framework I’ve built for helping plugin authors rapidly build powerful plugins and themes for Jekyll sites. It has some crazy cool features.
- Octopress 3.0 Q&A on Hacker NewsNewsJan 16, 15
Octopress 3.0 is coming
- Jekyll: Reading time without pluginsby CloudCannon ArticleJan 15, 15
- Statamic, the flat file CMS, now includes a static site generatorby Statamic NewsJan 13, 15
The popular flat-file CMS adds a static site generation to its feature set
- Baking Bread.liby David Darnes Video/PresentationJan 12, 15
Video series of the creation of a Jekyll-based website
- React Static Siteby Brad Denver ArticleJan 09, 15
I built a doubly static site using React (inc react-router) and Webpack.This post proves the basic concept and there will be a followup post covering the fine tuning needed to put this into production.
- The Static Showdownby Divshot Resource/WebsiteJan 07, 15
A virtual hackathon for static apps
- Tarbell Project Governance Kickoffby David Eads, Grant Blankenship NewsJan 04, 15
- 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
- Accelerate your front-end website development with Harpby Ezequiel Bruni ArticleDec 11, 14
- 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.
- 6 Static Blog Generators That Aren’t Jekyllby David Turnbull, Sitepoint ArticleDec 09, 14
- Tarbell hits 1.0by Tarbell NewsDec 09, 14
“Google spreadsheets handle content management, so changes to your stories are easy to make without touching a line of code.”
- 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.”
- Building a Static CMSArticleDec 05, 14
We ended up finding two great services, Contentful and Netlify, that worked well with our current toolset to achieve the Holy Grail: a static CMS.
- 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
- Content-as-a-service Roundupby Jeff Potts, ECM Architect ReviewNov 15, 14
CaaS is singular in focus and free from the feature bloat and operational complexity typical of the CMS…
- Adding Ajax pagination to Jekyllby Eduardo Boucas TutorialNov 10, 14
- Using Google Docs with Jekyllby Max Quattromani TutorialNov 05, 14
- Rebuilding KEETOLOGY: Static Blogging with Metalsmithby Mark "KEETO" Obcena ArticleOct 21, 14
- Compressing Jekyll generated HTMLby Sylvain Durand TutorialOct 19, 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
- Why I am writing a web interface for a static site generatorby Timo Zimmermann ArticleOct 07, 14
“Making it easier to create content, bringing features of full blown content management systems to the world of static site generators and still keeping the whole thing simple enough that lots of people will be able to set it up and use it.”
- Five Reasons you want HTTPS for your Static siteby Mathias Biilmann, Netlify ArticleOct 03, 14
It might seem like a static site is already plenty secure: there’s no moving parts, no risk of SQL injection, no openings for XSS attacks, no cookies to hijack, no personalized data sent over the wire, etc, etc, etc… But here are 5 good reasons you should switch to HTTPS for your static site today.
- Crossbow Static Site Generatorby Crossbow NewsOct 02, 14
- Building a static, developer-friendly, open-source knowledge baseby Aviv Nitsan, Dept. of Better Technology TutorialOct 02, 14
- Webhook released as an appby Webhook NewsOct 02, 14
An app that replaces the need to use the terminal for all the ‘wh’ commands and doesn’t require you to install node on your computer.
- Deploying Sculpin Sites to GitHub Pagesby @mrkrstphr TutorialSep 14, 14
- Website delivery with Cloudfrontby Sylvain Durand TutorialSep 14, 14
Also for other tools
- Building a Blog with Metalsmithby Blake Embrey TutorialSep 14, 14
- Jekyll Archivesby Jekyll NewsSep 12, 14
Automatically generate post archives by dates, tags, and categories.
- Blogging straight from Prose.ioby Rowan, NetEngine.com TutorialSep 11, 14
- The Way of Metalsmithby Jocelyn Lecomte TutorialSep 09, 14
A good explainer on the workings of Metalsmith
- Making Jekyll multilingualby Sylvain Durand TutorialSep 07, 14
- How to Use Jekyll with Gulpby Benoît Boucart TutorialSep 05, 14
- Metalsmith on Github Pagesby Ronan Berder, devo.ps TutorialSep 05, 14
Automate building and pushing to gh-pages
- DRY Yamlby Katy DeCorah TutorialSep 02, 14
Repeating nodes works by creating a keyword and placing it in the variable to be repeated.
- Static website with Jekyllby Sylvain Durand TutorialSep 01, 14
- Webhook How-to Videosby Dave Snider, Webhook Video/PresentationAug 28, 14
- WordPress vs. Jekyll: Why You Might Want to Switchby David Turnbull, Sitepoint ArticleAug 28, 14
- 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 Open Source Helped Segment.io Grow A Healthier Companyby Steven Melendez, *Fast Company* ArticleAug 12, 14
Background on Segment.io’s (creator of metalsmith.io) open source philosophy
- Creating a Metalsmith tag pluginby @Krawaller TutorialAug 09, 14
- Hugo: Beyond the Defaultsby Nate Finch TutorialAug 08, 14
- Pjax & Middleman (or any other static site generator)by Jan Vatova TutorialAug 04, 14
- How to use Tags and Categories [with Jekyll] on Github Pages without Pluginsby @minddust TutorialAug 03, 14
- Build A Blog With Jekyll And GitHub Pagesby Barry Clark, Smashing Magazine TutorialAug 01, 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
- Static Mapbox API for Jekyll postsby Katy DeCorah TutorialJul 26, 14
- Webhook Now Open to Allby Webhook NewsJul 25, 14
After a private beta for Kickstarter backers, the fully hosted static site generator Webhook is available to the public.
- 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
- Introduction to Webhook: Custom CMS and Website Builderby Kezz Bracey, Tuts+ TutorialJul 23, 14
- Static Sites Can be the Solutionby Simon Wood, at Future Insights ArticleJul 23, 14
Video of a talk by Simon Wood at the London Web MeetupVIDEO
- 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.
- Create a Static Ghost Blog with Busterby Shaumik Daityari, Sitepoint TutorialJul 11, 14
- Static Site Engine Battle Royaleby Brian Rinaldi ArticleJul 07, 14
- How to create data-driven navigation in Jekyllby Dale Tournemille TutorialJun 20, 14
- Fun Jekyll Tricksby Brian Knapp, Market Interactive TutorialJun 12, 14
- Exploring Metalsmithby Ollie Edwards TutorialJun 06, 14
Making a Metalsmith.io plugin
- 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.
- Difference between Gulp.js and Metalsmith.ioby @pjeby NewsMay 25, 14
On SO. In a nutshell “Basically, Metalsmith is really the Gulp of static site generators, while Gulp is the Gulp of streaming build systems.”
- Mandy Brown takes a purist's approach to publishing online, with Jekyllby A Working Library ArticleMay 15, 14
- Middleman: the Missing View in the Rails API Stackby Brad Gessler at RailsConf 2014 Video/PresentationMay 13, 14
- Building Middleman Extensionsby Will Schenk TutorialMay 02, 14
For more, see Middleman Tricks and Hacks on Will’s site
- Wordpress to Jekyll Exporterby Ben Balter Resource/WebsiteMay 02, 14
Produces markdown files, so can be used with any static site generator
- Middleman Blog Editorby Thomas Reynolds Resource/WebsiteMay 02, 14
Current cost: $12.00. Note that it does not appear to have image uploading capabilities
- StaticGenby Netlify Resource/WebsiteMay 02, 14
A one-stop listing of open source static site generators
- A Field Guide to Static Appsby Divshot Resource/WebsiteMay 02, 14
Entire website devoted to static apps
- Static Websites with Jekyllby Mijingo TutorialMay 02, 14
[pre-2.0], not free
- Static Web Architecture: Not Just for Hipstersby JS.LA ArticleMay 02, 14
Presented by Michael Bleigh at JSLA on Thursday April 24th 2014: Building with a separated front and back end makes your applications more scalable, flexible, and modular. Learn the ropes of Service-Oriented Architecture, CORS, authentication, and more for static web apps.VIDEO
- Styling a Middleman Blog with Bourbon, Neat, and Bittersby Carolann Bonner TutorialApr 29, 14
- Metalsmith Part 3: Refining Our Toolsby Robin Thrift TutorialApr 29, 14
Refine our script and even develop our own little plugin.
- Setting Up SSL on AWS CloudFront and S3by Bryce Fisher-Fleig TutorialApr 24, 14
I setup this blog using S3 as the origin server, CloudFront as my CDN, and HTTPS for roughly $10. Since there were so many articles to read along the way, I’ve gathered up what worked for me here.
- Hosting static sites with Docker and Nginxby Kyle Mathews ArticleApr 14, 14
… how to host the site. I briefly considered using Amazon S3, which is a very attractive option as it’s very fast and essentially infinitely scalable, but decided against it as I wanted a chance to play around with two other software tools, Docker and Nginx.
- Metalsmith Part 2 : Shaping The Metalby Robin Thrift TutorialApr 14, 14
Delving further into the subject and look at some Metalsmith internals.
- Metalsmith Part 1: Setting Up the Forgeby Robin Thrift TutorialApr 14, 14
a basic folder structure for Metalsmith could look like and we will also set up the basic build script.
- Getting to Know Metalsmithby Robin Thrift TutorialApr 13, 14
First in a series of tutorials on Metalsmith.io
- Sort and filter in jekyllby Justin Musgrove, Leveluplunch TutorialApr 03, 14
- Operation Disassemble & Diversifyby DocPad NewsMar 26, 14
The future of DocPad
- Clearing Up Confusion Around baseurl – Againby Parker Moore TutorialMar 01, 14
- The Great Web Slowdown [INFOGRAPHIC]by Web Performance Today ArticleFeb 26, 14
Helpful infographic on web performance
- 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
- Buster, a static site generator for Ghostby Akshit Khurana Resource/WebsiteOct 16, 13
Brute force static site generator for Ghost
- Static, A Revivalby Kyle MacDonald, Carrot Creative ArticleOct 16, 13
The next time you build for the web, I ask you to consider the merits of static. Now that the modern development environments are nearly equal, ask these questions: Do the advantages of static outweigh it’s disadvantages? How often will my project need to be updated and how close to real-time do I require those changes? Am I causing myself any unneeded overhead by adding the complexity of a server-side language and database? Which technique is going to be the most fun?
- Jekyll Date Formatting Examplesby Alan W. Smith ArticleOct 01, 13
Everything you wanted to know about Jekyll date formatting but were afraid to ask.
- Creating Sustainable Documentation with Jekyllby SendGrid TutorialAug 23, 13
- Automating The Development, Build, and Deployment Process with Gruntby David Tucker TutorialAug 12, 13
Part III in a series
- An Introduction to the Wintersmith Processby David Tucker TutorialJul 26, 13
Part II in a series
- The Need for a Static Site Generator, Part 1 in a seriesby David Tucker TutorialJul 24, 13
Multipart series on choosing a static site generator and working with Wintersmith
- 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
- Building a Simple Blog with Rootsby Jeff Escalante, Carrot Creative TutorialJun 24, 13
Roots is an advanced static site build tool that we’ve developed in house and used on quite a number of high-visibility projects, including the entirety of carrot.is. Much like jekyll, you can use roots for publishing and dynamic content, which makes it a great fit for building simple blogs. In this post, we’ll walk through how to use roots to get a basic blog like this one built and deployed in a matter of minutes.
- 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.
- Blogging on Heroku with Middlemanby Michael Shannon at Pixelcabin TutorialMar 23, 13
- The perfect Almost-Static-Site setupby Romain, Hull.io TutorialMar 22, 13
- Understanding Middleman – the static site generator for faster prototypingby Ben Frain TutorialJan 24, 13
some elements may be out of date, but an overview of using Middleman