Publishing and Hosting on GitHub pages

Mozfest 2015

Transcript

1. MOZFEST2015 ! GitHub Pages static sites and Jekyll blogs. " Publishing and Hosting on
2. MOZFEST2015 ! GitHub will host free static sites for every repository and every user or organisation account. This service is called GitHub Pages. Static Sites
3. MOZFEST2015 ! pages.github.com
4. 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
5. 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
6. 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
7. 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
8. MOZFEST2015 ! 1. You have a directory of files How does Jekyll work - _layouts/ - index.html - about.md
9. MOZFEST2015 ! 2. Jekyll builds a site based on your files How does Jekyll work - _layouts/ - index.html - about.md
10. 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… {
11. MOZFEST2015 ! How does Jekyll work - _layouts/ - index.html - about.md <h1>How does…</h1> <p>Content…</p> 2-1. Liquid-fy and convert Markdown to HTML
12. 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/
13. MOZFEST2015 ! How does Jekyll work - _layouts/ - _site/index.html - _site/about.html - index.html - about.md 3. Tada!
14. MOZFEST2015 ! How does Jekyll work Find out more about the cool things Jekyll empowers you to do at: http://jekyllrb.com
15. MOZFEST2015 ! You can also fork and use Jekyll sites! Jekyll Blogs
16. 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!