A very, very good static site generator.
- Generate a static website from a source directory!
- Apply any number of transformations on files!
- Built-in support for Markdown, Sass, Erb, Slim and more!
- Extremely easy to extend with new transformation filters!
- Sprinkle your site with Ruby code that can interact with your site's pages and data!
Installation & Basic Usage
Flutterby is distributed as a RubyGem, so let's install it first:
gem install flutterby
This will install a
flutterby executable on your system. Let's use it to create a new project:
flutterby new mysite cd mysite
The new project template serves as a simple starting point for new projects. Let's compile it into a static site:
Flutterby comes with a local development server that will automatically pick up changes you make to your files:
Note: by default, both the
serve commands assume
./site/ to be the source directory and
./_build/ to be the export directory. Please refer to
flutterby help to see how you can override these.
Please refer to the Sites built with Flutterby page on the Flutterby Wiki for some examples.
Flutterby is young, but already quite functional. Here's a list of changes I'm intending to make in the near future -- if you want to work on any of these, let me know!
- Performance! Right now, the source file for every node is read into RAM as a whole. Not a big problem when you're building a small site, but add some larger images, and you'll have one.
flutterby serveso it doesn't always regenerate the entire site graph when a file is modified.
- Extract filters (like Slim, Sass etc.) to separate gems, to make the core gem more light-weight.
- Improve the template site (
- Produce a fun screencast to explain what the heck is going on here!
- Write even more tests!
How does Flutterby work?
Flutterby reads a source directory and writes a static website into a target directory. (It can also serve a live version of your site.)
Before it writes (or serves) anything, it reads the entire contents from the source directory into a graph of plain old Ruby objects. Each of these objects represents a file (or folder) from your site.
Flutterby then walks this tree to write the resulting static site, optionally applying filters first. For example,
index.html.md will be exported as
index.html after applying a Markdown filter.
These filters can be anything that modifies the Ruby object. Some examples:
- Rendering Markdown to HTML
- Parsing and executing ERB, Slim, HAML and other templating engines
- Processing Sass, CoffeeScript and the likes
- Leaving the current body intact, but modifying file attributes like the generated file's extension
Filters can be chained at any length you require.
Files and folders starting with underscores (eg.
_secret.html) will never be exported. There's a number of special files that start with this underscore -- more on that later.
Using Ruby in templates:
Ruby code embedded in ERB, Slim etc. templates can interact with this object graph to do funky stuff like:
- including the rendered contents of another object (ie. partials)
- query the graph for certain objects (eg. "all objects in
- and much more, I guess!
_layout file is available in the same folder as the rendered page, it will be used to wrap the object's rendered output. These layout files stack, so you can have a
/posts/_layout.erb with the layout for a single post, and a
/_layout.erb with the layout of your site.
_view.rb file is available in the same folder as the rendered page, it will be evaluated against the current view object, allowing you to define your own view helpers. Like layouts, these will stack.
Writing Ruby nodes:
When a file has a
.rb filter extension, the contained Ruby code will be evaluated against the Node instance. This allows you to build Ruby-based nodes. These nodes can do some powerful things, like creating other "virtual" nodes on the fly. I'm using this technique for the archives on my blog.
When a file named
_node.rb is present, the contained code will be evaluated against all nodes in the same directory. This allows you to easily extend multiple nodes with functionality. I'm using this in the template project to add
#date methods to blog posts.
The gem is available as open source under the terms of the MIT License.