Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Publishing and Hosting on GitHub pages
Search
Mu-An Chiou
December 04, 2015
Technology
4
140
Publishing and Hosting on GitHub pages
Mozfest 2015
Mu-An Chiou
December 04, 2015
Tweet
Share
More Decks by Mu-An Chiou
See All by Mu-An Chiou
Details on <details>
muan
0
340
Having no patience(Japanese)
muan
1
370
JSDC
muan
2
550
Design with Code
muan
5
550
Having no patience
muan
1
290
Design in GitHub
muan
5
370
Project Lab Squirrel #2
muan
1
620
Project Lab Squirrel #1
muan
8
850
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
extension 現場で使えるXcodeショートカット一覧
ktombow
0
210
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
150
AI Agentと MCP Serverで実現する iOSアプリの 自動テスト作成の効率化
spiderplus_cb
0
490
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
Pure Goで体験するWasmの未来
askua
1
180
Trust as Infrastructure
bcantrill
0
330
SOC2取得の全体像
shonansurvivors
1
380
バイブコーディングと継続的デプロイメント
nwiizo
2
420
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
280
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
980
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
400
[2025-09-30] Databricks Genie を利用した分析基盤とデータモデリングの IVRy の現在地
wxyzzz
0
470
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Balancing Empowerment & Direction
lara
4
680
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Into the Great Unknown - MozCon
thekraken
40
2.1k
How to Ace a Technical Interview
jacobian
280
24k
Mobile First: as difficult as doing things right
swwweet
224
10k
Building an army of robots
kneath
306
46k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Music & Morning Musume
bryan
46
6.8k
Transcript
MOZFEST2015 ! GitHub Pages static sites and Jekyll blogs. "
Publishing and Hosting on
MOZFEST2015 ! GitHub will host free static sites for every
repository and every user or organisation account. This service is called GitHub Pages. Static Sites
MOZFEST2015 ! pages.github.com
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
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
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
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
MOZFEST2015 ! 1. You have a directory of files How
does Jekyll work - _layouts/ - index.html - about.md
MOZFEST2015 ! 2. Jekyll builds a site based on your
files How does Jekyll work - _layouts/ - index.html - about.md
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… {
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
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/
MOZFEST2015 ! How does Jekyll work - _layouts/ - _site/index.html
- _site/about.html - index.html - about.md 3. Tada!
MOZFEST2015 ! How does Jekyll work Find out more about
the cool things Jekyll empowers you to do at: http://jekyllrb.com
MOZFEST2015 ! You can also fork and use Jekyll sites!
Jekyll Blogs
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!