11ty Static Site Generator - Day One

Posted: Thu Jun 03 2021 00:00:00 GMT+0000 (Coordinated Universal Time)

Sunrise: Mars

Quiet, cold day on Mars. I watched a nice, blue sunrise.

Time to get started re-build my blog. The old one loads too slow on Earth. There is no point posting if readers cannot load the page.

I am dumping the CMS for a static site. What steps do I need to build it?

Install 11ty and create project folder

With node.js installed, use npm to install 11ty static site generator.

npm install -g @11ty/eleventy

Make a new project folder with a suitable name.

mkdir martian-news

Open the new project folder...

cd martian-news

The First Page

And use Visual Studio Code to create a new home page.

code index.md

Type some words for the new home page and save. CTRL+S

Hello Earth.

Click CTRL+SHIFT+` to open the VS Code terminal.

Use 11ty to generate and serve a demo of the new page:

eleventy --serve

Then load http://localhost:8080/ to view the new page.

Hello Earth.

Hello Earth.

Return Home