Slide 1

Slide 1 text

ChicagoRuby: Hack Night
 Wed, Nov 11, 2015 Chicago, 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

Future Stuff Beyond tonight or more advanced.

Slide 9

Slide 9 text

GitHub Pages + Jekyll

Slide 10

Slide 10 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 11

Slide 11 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 12

Slide 12 text

No content

Slide 13

Slide 13 text

Custom domain in action.

Slide 14

Slide 14 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 15

Slide 15 text

Thanks! @RayHightower