Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Publishing and Hosting on GitHub pages

Afd3cc3e385d754183336c859d9e694a?s=47 Mu-An Chiou
December 04, 2015

Publishing and Hosting on GitHub pages

Mozfest 2015

Afd3cc3e385d754183336c859d9e694a?s=128

Mu-An Chiou

December 04, 2015
Tweet

More Decks by Mu-An Chiou

Other Decks in Technology

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!