03.03.2018 Views

Web_Designer_UK__May_2018

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

10 BEST STATIC SITE GENERATORS<br />

8.<br />

8. METALSMITH www.metalsmith.io<br />

PRO : Metalsmith is an extremely<br />

simple tool where all functionality<br />

is provided by plugins<br />

Metalsmith takes a different approach<br />

to many other static site generation<br />

tools, in that it doesn’t try to do very<br />

much at all. Essentially, static site<br />

generatorstakeasetofsourcefiles,<br />

manipulate them, and then generate a<br />

set of output files which is the static<br />

site itself. Metalsmith provides a<br />

framework for doing this, but leaves all<br />

of the actual manipulations to plugins.<br />

These manipulations are things which<br />

typically come out of the box with<br />

other static site generators, such as<br />

utilising templates, substituting<br />

variables, or interpreting languages<br />

like Markdown.<br />

When run through Metalsmith, all<br />

source files are converted to<br />

JavaScript objects, which means that<br />

manipulations by plugins are<br />

essentially modifications to properties<br />

“ METALSMITH IS<br />

IMMENSELY<br />

CUSTOMISABLE,<br />

BUT REQUIRES A<br />

LITTLE MORE<br />

CONSIDERATION<br />

DURING SETUP ”<br />

of these JavaScript objects. There is,<br />

for example, a markdown() plugin<br />

which transpires Markdown to HTML.<br />

The result of this approach is that<br />

Metalsmith is immensely customisable,<br />

but requires a little more consideration<br />

during setup than some of the more<br />

monolithic tools. Don’t like Jekyll’s use<br />

of the Liquid templating engine? Here<br />

you can pick your own. On the<br />

Metalsmith page, you’ll find a lengthy<br />

list of plugins to provide a wide range<br />

of functionalities, ranging from<br />

compiling Sass to CSS through to<br />

computing a word count.<br />

If you have a preference for<br />

unopinionated frameworks,<br />

Metalsmith is about as unopinionated<br />

as you can get.<br />

HONOURABLE<br />

MENTIONS<br />

THERE ARE MANY MORE STATIC SITE<br />

GENERATORS OUT THERE. HERE ARE A FEW<br />

MORE WHICH ARE WORTH A LOOK<br />

OCTOPRESS http://octopress.org<br />

Octopress is a framework for<br />

Jekyll which tailors specifically<br />

for blogging, and bundles a<br />

number of commonly-used<br />

plugins. If you like Jekyll’s style, it<br />

may take some of the setup work<br />

off your hands.<br />

9.<br />

9. MIDDLEMAN<br />

PRO : Middleman has been<br />

around for a long time, and is<br />

designed with more complex<br />

sites in mind<br />

Middleman was released around the<br />

same time as Jekyll, and will be most<br />

familiar to developers who have<br />

worked with Ruby on Rails. Its default<br />

template engine is ERB (Embedded<br />

RuBy) and it also includes built-in<br />

https://middlemanapp.com<br />

support for Haml, Sass, SCSS and<br />

CoffeeScript, and can be extended<br />

further to support more.<br />

Some leading static site generators<br />

are heavily geared towards blogs, but<br />

Middleman sets its ambitions wider<br />

and aims to provide the flexibility to<br />

develop any type of site. It’s highly<br />

unopinionated and extensible. This<br />

means, if all you are doing is a blog,<br />

the setup is a little more complex<br />

since you’ll have to configure it.<br />

10.<br />

10. SPIKE<br />

www.spike.cf<br />

PRO : Spike is the spiritual<br />

successor to Roots, a popular<br />

static site generator that is no<br />

longer maintained<br />

Spike is built by the same team as<br />

Roots, which saw great popularity<br />

while it was actively maintained. It<br />

provides a familiar ecosystem for<br />

JavaScript developers, utilising<br />

webpack, Postcss, Reshape and<br />

Babel. Much like Metalsmith, Spike<br />

is designed to provide a very<br />

simple framework and allow<br />

plugins to handle your<br />

transformations.<br />

PUBLII https://getpublii.com<br />

If you don’t want the trouble of<br />

setting up a command-line tool,<br />

Publii is a desktop application with<br />

GUI designed to develop static<br />

sites. Think of it like a CMS that<br />

sits on your local machine rather<br />

than a server.<br />

HAKYLL https://jaspervdj.be/hakyll/index.html<br />

Someone made a Haskell library<br />

for static site generation? It might<br />

not be that widely used, but fans<br />

of Haskell (and there are many<br />

around) will love this.<br />

78 __________________________________________________feature

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!