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
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
180
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
380
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
180
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
580
WebDriver BiDiとは何なのか
yotahada3
1
150
Lottieアニメーションをカスタマイズしてみた
tahia910
0
130
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.1k
Grafana Cloudとソラカメ
devoc
0
180
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
170
GAEログのコスト削減
mot_techtalk
0
120
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
390
Featured
See All Featured
Navigating Team Friction
lara
183
15k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
How STYLIGHT went responsive
nonsquared
98
5.4k
It's Worth the Effort
3n
184
28k
How GitHub (no longer) Works
holman
314
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Bash Introduction
62gerente
611
210k
Optimizing for Happiness
mojombo
376
70k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
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