PNLUG

Static Website Generators

Linuxday 2018

Stefano Morandi | Cristian Pavan
2018-10-27

Intro

  • HTTP
  • HTML / CSS
  • SHELL / GIT
  • WEB SERVICES

Internet today

cms and programming lang.

Wordpress: 32%

PHP: 42%

LAMP

  • Linux ;-)
  • Apache
  • PHP
  • MySQL

not so easy…

Scenario: WP simple

wp-like-simple.png

Scenario: WP big

wp-like-scale.png

SSG

Static Site Generators

2019

giphy.gif

definition

a static site generator takes your site content, applies it to templates, and generates a structure of purely static HTML files

definition

ssg.png

Markdown

Markdown is a lightweight markup language with plain text formatting syntax

Markdown

# Heading

## Sub-heading

Paragraphs are separated
by a blank line.

Two spaces at the end of a line
produces a line break.

Text attributes _italic_,
**bold**, `monospace`.

Why

  • Secure
  • Fast
  • Cheap

When

  • Blog
  • Landing pages
  • Information
  • No Sharing
  • No Users

Scenario: SSG

ssg-like.png

Scenario: WP like

wp-like-simple.png

Web services

  • Disqus
  • Formspree
  • Sitesearch 360
  • Snipcart

Static Site Generators

  • Jekyll (ruby)
  • Hexo (js)
  • Hugo (go)

List of Static Site Generators

Static CMS

HUGO

hugo

hugo-logo.png

The world’s fastest framework for building websites

features

  • easy to install and cross platform
  • markdown or emacs orgmode :-D
  • mutilingual
  • output JSON

themes

hugo-themes.png

Live session

License Information

Except where otherwise noted, this work, “Static Website Generators”, is © 2018, under the Creative Commons license CC BY-SA 4.0.

Cristian Pavan

Stefano Morandi