Static Sites with Jekyll and GitHub Pages

Static Sites with Jekyll and GitHub Pages

These are the slides from a workshop I gave at Converge (https://converge.cx) in Glasgow on the 15th of August, 2014.

Ee5bae7fa46b3195869c285ecbb4619e?s=128

Coby Chapple

August 15, 2014
Tweet

Transcript

  1. 3.
  2. 4.
  3. 11.

    Database Wordpress / Drupal / Rails Package management Themes, plugins

    Server-side Processing PHP / Ruby / Python etc. Content Management Systems HTML CSS JAVASCRIPT Your content Browser
  4. 12.

    Using a CMS is often Not Fun™ • Backups of

    content • Framework updates • maintenance, security • Learning curve isn’t really reduced
  5. 14.

    Database Wordpress / Drupal / Rails Package management Themes, plugins

    Server-side Processing PHP / Ruby / Python etc. Content Management Systems HTML CSS JAVASCRIPT Your content Browser
  6. 15.
  7. 16.

    HTML
 Templates Static Site
 Generator Static Site Generators HTML CSS

    JAVASCRIPT Your content Browser Regular Files version control (YAY!)
  8. 18.

    Ingredients: • A computer • Ruby • Optional: rbenv or

    RVM (not covered) Building a site with Jekyll
  9. 25.
  10. 27.

    • One per GitHub account • Repository: <username>.github.io • Branch:

    master • URL: <username>.github.io User/Org Pages
  11. 28.

    • One per repository • Repository name does not matter

    • Branch: gh-pages • URL: <username>.github.io/<repository name> Project Pages
  12. 29.

    • Specify domain in CNAME file
 in root directory of

    repository. • Custom domain on User Page repository
 will cascade to all Project Pages. BYO Domain Names
  13. 30.

    SHUT UP AND SHOW ME HOW TO GET FREE HOSTING

    ALREADY Step 3. Deploy to GitHub Pages
  14. 34.

    Handy tricks language: ruby rvm: - 2.1 script: bundle exec

    jekyll build install: bundle install .travis.yml
  15. 35.

    ! --- --- <html> <head> <meta http-equiv="refresh" content="0; url={{ page.destination

    }}" /> </head> </html> _layouts/redirect.html Handy tricks
  16. 39.

    Thanks! Follow @cobyism on Twitter (do iiiit!) Email me coby@github.com

    Come say hi later! Slides coby.io/converge-2014