Slide 1

Slide 1 text

ChicagoRuby: North Shore Saturday, January 2, 2016 Northbrook, IL, USA @RayHightower

Slide 2

Slide 2 text

What Why How ?

Slide 3

Slide 3 text

CMS On each page request:
 1. Pull page content from database.
 2. Generate new HTML page. Static No database. Generate all HTML pages before we deploy.

Slide 4

Slide 4 text

Responsive Design

Slide 5

Slide 5 text

$ gem install jekyll $ jekyll new mysite 
 $ cd mysite $ jekyll serve -w

Slide 6

Slide 6 text

Demo Time

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

GitHub Pages + Jekyll

Slide 9

Slide 9 text

$ git init $ git add . $ git commit -m ‘ready to push this site to github’ $ git checkout -b gh-pages $ git remote add origin [email protected]:username/mysite.git 
 $ git push -u origin gh-pages Browser (10-30 min): http://username.github.io/mysite Hosting at GitHub

Slide 10

Slide 10 text

$ git checkout gh-pages $ touch CNAME $ echo “mycooldomainname.com” > CNAME Configure your DNS provider so that the CNAME record points to http://github.io/mysite Browser (10-30 min): http://username.github.io/mysite Custom Domain Name?

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Custom domain in action.

Slide 13

Slide 13 text

Type of Page Organization http://rayhightower.github.io http://rayhightower.com Project http://rayhightower.github.io/troop534 http://troop534.org Branch master gh-pages ==> ==>

Slide 14

Slide 14 text

Future Stuff Beyond today or more advanced.

Slide 15

Slide 15 text

lunr.js

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Thanks! RayHightower.com