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
Jekyll lightning talk @ Belfast Ruby
Search
Coby Chapple
October 01, 2013
Programming
6
190
Jekyll lightning talk @ Belfast Ruby
Presented at Belfast Ruby (
http://www.belfastruby.com/
) on October 1st, 2013.
Coby Chapple
October 01, 2013
Tweet
Share
More Decks by Coby Chapple
See All by Coby Chapple
Product thinking with JTBD
cobyism
0
200
GitHub Flow for Designers
cobyism
1
360
Asynchronous Communication For The Win!
cobyism
0
290
GitHub Flow — AWS Summit Tokyo 2015
cobyism
16
4.3k
Belfast Ruby - Interesting things from the GitHub codebase
cobyism
3
340
Static Sites with Jekyll and GitHub Pages
cobyism
9
1.5k
How design happens at GitHub (Osaka, 2014)
cobyism
0
63
How GitHub Works (GitHub Kaigi, Tokyo, 2014)
cobyism
93
34k
Remote by default (BACON 2014)
cobyism
3
1.5k
Other Decks in Programming
See All in Programming
slogパッケージの深掘り
integral0515
0
160
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
860
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
810
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
200
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
120
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
300
React 使いじゃなくても知っておきたい教養としての React
oukayuka
13
1.5k
コーディングエージェント概観(2025/07)
itsuki_t88
0
440
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
130
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
ktr_0731
3
650
Gemini CLI のはじめ方
ttnyt8701
1
110
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
Visualization
eitanlees
146
16k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
390
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Designing for Performance
lara
610
69k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Statistics for Hackers
jakevdp
799
220k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Speed Design
sergeychernyshev
32
1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Transcript
A talk by @cobyism
@cobyism
Jekyll is a static site generator.
Jekyll is popular.
Jekyll understands HTML, Markdown, Liquid templates.
Jekyll gives you static HTML.
Jekyll understands permalinks, categories, tags, pagination, …
Jekyll is great for sites that don’t need server-side logic.
Installation gem install jekyll
New site jekyll new sitename
Running jekyll build
Watching jekyll serve
YAML Frontmaer --- foo: bar --- <p>{{ foo }}.</p> example.html
YAML Frontmaer <p>bar.</p> _site/example.html
Layouts & Includes {% include header.html %} {{ content }}
{% include footer.html %} _layouts/page.html
Layouts & Includes --- layout: page --- Look ma, I’m
content! index.html
Layouts & Includes --- layout: page --- Look ma, I’m
content! index.html
Blogging --- title: Article name --- Look ma, I’m content!
_posts/2013-10-01-article-name.html
Blogging {% for post in site.posts %} <a href=“{{ post.url
}}”> {{ post.title }} </a> {% endfor %} index.html
Blogging for hackers {% highlight ruby linenos %} def foo
puts 'foo' end {% endhighlight %}
Blogging for hackers {% gist 5555251 %}
GitHub Pages is free hosting powered by Jekyll.
GitHub Pages Gem gem install github-pages
Jekyll tricks.
Deploying a locally built site to GitHub pages. https://gist.github.com/cobyism/4730490
Jekyll Authentication
Jekyll testing with Travis CI. language: ruby rvm: - 1.9.3
script: bundle exec jekyll build install: bundle install .travis.yml
Jekyll redirect layout. <meta http-equiv="refresh" content="0;url={{ page.redirect_url }}"> _layouts/redirect.html ---
layout: redirect redirect_url: https://github.com --- somepage.html
Demo https://github.com/cobyism/jekyll-demo
Jekyll has docs. http://jekyllrb.com