Slide 1

Slide 1 text

MOZFEST2015 ! GitHub Pages static sites and Jekyll blogs. " Publishing and Hosting on

Slide 2

Slide 2 text

MOZFEST2015 ! GitHub will host free static sites for every repository and every user or organisation account. This service is called GitHub Pages. Static Sites

Slide 3

Slide 3 text

MOZFEST2015 ! pages.github.com

Slide 4

Slide 4 text

MOZFEST2015 ! Any web files on a branch named: gh-pages Static Sites– Repository You’ll find it online at: your_username.github.io/repository_name

Slide 5

Slide 5 text

MOZFEST2015 ! Any web files on a branch named: master Static Sites– User/Org Name the repository this and you’ll find it online at: your_username.github.io

Slide 6

Slide 6 text

MOZFEST2015 ! Open source static sites can be forked and used by anyone else (according to license). You’ll need just one commit and GitHub will host it. https://jlord.github.io/forkngo Fork-ability

Slide 7

Slide 7 text

MOZFEST2015 ! Jekyll is a static site generator with lots of features for blogging. By default, GitHub runs Jekyll on its Pages hosting servers. Jekyll Blogs

Slide 8

Slide 8 text

MOZFEST2015 ! 1. You have a directory of files How does Jekyll work - _layouts/ - index.html - about.md

Slide 9

Slide 9 text

MOZFEST2015 ! 2. Jekyll builds a site based on your files How does Jekyll work - _layouts/ - index.html - about.md

Slide 10

Slide 10 text

MOZFEST2015 ! 2-1. Does it have a front-formatter? How does Jekyll work - _layouts/ - index.html - about.md ——— title: How does… date: 2015-11-06 ——— Content… {

Slide 11

Slide 11 text

MOZFEST2015 ! How does Jekyll work - _layouts/ - index.html - about.md

How does…

Content…

2-1. Liquid-fy and convert Markdown to HTML

Slide 12

Slide 12 text

MOZFEST2015 ! How does Jekyll work - _layouts/ - index.html - about.md ——— title: How does… date: 2015-11-06 ——— Content… 2-2. All files gets copied to _site/

Slide 13

Slide 13 text

MOZFEST2015 ! How does Jekyll work - _layouts/ - _site/index.html - _site/about.html - index.html - about.md 3. Tada!

Slide 14

Slide 14 text

MOZFEST2015 ! How does Jekyll work Find out more about the cool things Jekyll empowers you to do at: http://jekyllrb.com

Slide 15

Slide 15 text

MOZFEST2015 ! You can also fork and use Jekyll sites! Jekyll Blogs

Slide 16

Slide 16 text

MOZFEST2015 ! Fork a static site and customize. Start a blog and create a post. http://github.com/muan/mozfest-hi https://github.com/muan/scribble Let’s make!