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
120
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
240
Having no patience(Japanese)
muan
1
350
JSDC
muan
2
490
Design with Code
muan
5
520
Having no patience
muan
1
280
Design in GitHub
muan
5
350
Project Lab Squirrel #2
muan
1
520
Project Lab Squirrel #1
muan
8
760
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
15
35k
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
160
web-application-security
matsuihidetoshi
1
190
Cracking the KubeCon CfP
inductor
2
270
require(ESM)とECMAScript仕様
uhyo
4
970
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
37k
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
330
M&A戦略を支えるデータマネジメント (MIDAS Tech Study #16 GENDA Komiyama)
kommy339
1
110
非同期推論システムによるコスト削減と信頼性向上
koki_nishihara
1
360
データベース02: データベースの概念
trycycle
0
180
IPUT App Dev. Co. -Overview 2024/4
iputapp
0
120
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
330
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
30
6.4k
Optimizing for Happiness
mojombo
370
69k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
Designing with Data
zakiwarfel
96
4.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Documentation Writing (for coders)
carmenintech
60
4k
GitHub's CSS Performance
jonrohan
1025
450k
Product Roadmaps are Hard
iamctodd
45
9.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
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!