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
190
GitHub Flow for Designers
cobyism
1
340
Asynchronous Communication For The Win!
cobyism
0
270
GitHub Flow — AWS Summit Tokyo 2015
cobyism
16
4.3k
Belfast Ruby - Interesting things from the GitHub codebase
cobyism
3
320
Static Sites with Jekyll and GitHub Pages
cobyism
9
1.5k
How design happens at GitHub (Osaka, 2014)
cobyism
0
48
How GitHub Works (GitHub Kaigi, Tokyo, 2014)
cobyism
93
34k
Remote by default (BACON 2014)
cobyism
3
1.4k
Other Decks in Programming
See All in Programming
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.1k
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
140
Datadog Workflow Automation で圧倒的価値提供
showwin
1
100
Unity Android XR入門
sakutama_11
0
170
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
110
Rails アプリ地図考 Flush Cut
makicamel
1
130
楽しく向き合う例外対応
okutsu
0
570
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
220
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
210
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
11
780
Jakarta EE meets AI
ivargrimstad
0
200
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
140
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
KATA
mclloyd
29
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
360
Adopting Sorbet at Scale
ufuk
74
9.2k
Become a Pro
speakerdeck
PRO
26
5.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Music & Morning Musume
bryan
46
6.4k
YesSQL, Process and Tooling at Scale
rocio
172
14k
GraphQLとの向き合い方2022年版
quramy
44
14k
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