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