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.4k
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
66
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
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
220
Swift Updates - Learn Languages 2025
koher
2
440
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
400
TanStack DB ~状態管理の新しい考え方~
bmthd
2
480
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
160
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
1.4k
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.3k
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
20
4.9k
Kiroで始めるAI-DLC
kaonash
2
540
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
0
340
個人軟體時代
ethanhuang13
0
310
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Statistics for Hackers
jakevdp
799
220k
Side Projects
sachag
455
43k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Designing Experiences People Love
moore
142
24k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Raft: Consensus for Rubyists
vanstee
140
7.1k
How to Ace a Technical Interview
jacobian
279
23k
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