The document discusses static site generators in the context of a presentation from Dev Week 2016 in London. It outlines the benefits and drawbacks of using static site generators and provides examples of various generators across different programming languages, highlighting their installation and configuration processes. The presentation concludes with insights into extending these generators and their possible applications.

1. Dev Week 2016, London
With Static Site
Generators
@chrischinch

2. [{

6. 1998

11. Anyone Remember?
<frameset cols="50%,50%">
<frame src=“page.html" />
<frame src=“page2.html" />
</frameset>

16. [}

24. Not Alone (Or Just PHP)
❖ Wordpress: 647,518
❖ Joomla: 536,085
❖ Ruby on Rails: 330,059

26. [|

33. But… What is a Static Site Generator?
Content + Repeatable Elements → Static Website

34. Positives
❖ Collaboration & Workflow
❖ Super Fast
❖ Pre-build Irrelevant
❖ Flexible
❖ Minimal Infrastructure

35. Negatives
❖ Not Dynamic
❖ New
❖ Technical Knowledge

37. Why These Options?
❖ Stars / Downloads
❖ Community
❖ Simplicity
❖ Activity
❖ 1 per Language

38. Example Site
❖ Installation
❖ Configuration
❖ Creating Blog posts
❖ Creating Custom Event type
❖ Templates
❖ Extending

39. Jekyll / Octopress
❖ History
❖ Ruby
❖ Templates: Liquid
❖ jekyllrb.com
gem install jekyll
jekyll new devweekjk

40. Middleman
❖ History
❖ Ruby
❖ Templates: ERB
❖ middlemanapp.com
gem install middleman
middleman init devweekmi

41. Hugo
❖ History
❖ Go
❖ Templates: Go Templates
❖ gohugo.io
Pre-built binaries
hugo new site devweekhg

42. Hexo
❖ History
❖ JavaScript
❖ Templates: EJS / Swig
❖ hexo.io
npm install hexo-cli -g
hexo init <folder>
npm install

43. Pelican
❖ History
❖ Python
❖ Templates: Jinja2
❖ getpelican.com
pip install pelican markdown
mkdir -p devweekpe
pelican-quickstart

44. Sculpin
❖ History
❖ PHP
❖ Templates: Twig
❖ sculpin.io
curl -O https://
download.sculpin.io/sculpin.phar
chmod +x sculpin.phar
??
sculpin install

45. Assemble
❖ History
❖ node.js
❖ Templates: Jade
❖ assemble.io
mkdir devweekas
grunt-init assemble
npm install && bower install

46. Hakyll
❖ History
❖ Haskell
❖ Templates: Pandoc
❖ jaspervdj.be/hakyll
cabal install hakyll
wait………
hakyll-init devweekhk

47. Cryogen
❖ History
❖ Clojure
❖ Templates: Selmer
❖ cryogenweb.org
lein new cryogen devweekcr
cd devweekcr

48. Luapress
❖ History
❖ Lua
❖ Templates: Mustache
❖ luapress.org
luarocks install luapress
luapress init devweeklp

49. JBake
❖ History
❖ Java
❖ Templates: Freemarker
❖ jbake.org
brew install jbake
mkdir devweekjb
bake -i

50. Deployment
❖ FTP / SCP
❖ Rsync
❖ GitHub Pages / Hooks
❖ Language Build Systems / CIs
❖ Netlify, Surge etc…

51. Extending
❖ Jekyll: Generators, Converters, Commands, Tags, Hooks
❖ Middleman: New Features, Helpers, Manipulate Content, Hooks
❖ Hexo: Utilities available
❖ Pelican: Signals (Hooks)

52. Extending
❖ Sculpin: Symfony bundles
❖ Assemble: Plugins, Helpers
❖ Luapress: Basic docs

53. What’s Possible?

54. Thanks!
Chris Ward (aka Chinchilla)
Technical Writer & Developer Relations
gregariousmammal.com
@chrischinch
staticgen.com