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
180
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
Rails アプリ地図考 Flush Cut
makicamel
1
110
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
AHC041解説
terryu16
0
590
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
120
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
Formの複雑さに立ち向かう
bmthd
1
720
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
120
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
テストをしないQAエンジニアは何をしているか?
nealle
0
130
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Music & Morning Musume
bryan
46
6.3k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
The Language of Interfaces
destraynor
156
24k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
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