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 2.1 - What's new in Jekyll 2?
Search
Jesse Herrick
July 20, 2014
Programming
0
32
Jekyll 2.1 - What's new in Jekyll 2?
A presentation on Jekyll 2.1 features for DaytonRB @ littlelines HQ.
Jesse Herrick
July 20, 2014
Tweet
Share
Other Decks in Programming
See All in Programming
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
2
520
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
230
ALL CODE BASE ARE BELONG TO STUDY
uzulla
25
6.1k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
230
Claude Agent SDK を使ってみよう
hyshu
0
890
理論と実務のギャップを超える
eycjur
0
140
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
1
500
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
160
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
190
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
270
Six and a half ridiculous things to do with Quarkus
hollycummins
0
180
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Thoughts on Productivity
jonyablonski
70
4.9k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
22k
Visualization
eitanlees
149
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
How to train your dragon (web standard)
notwaldorf
97
6.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Cost Of JavaScript in 2023
addyosmani
55
9k
Code Reviewing Like a Champion
maltzj
526
40k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Transcript
Jekyll 2.1 What’s new in Jekyll 2?
Jesse Herrick https://jesseherrick.io http://www.sitepoint.com/author/jherrick/ ! @JesseHerrick
Jekyll? Markdown + Liquid Templates = Awesomeness (static site)
Yes, like this. …sort of.
CMS’s are…
Slow
Hackable ! (not the good kind)
11 Million Websites Hacked Per Year
Jekyll is…
Fast Loading Times (lower is better) Homepage Post w/ 1
Picture Post w/ no Picture Average of All 0ms 70ms 140ms 210ms 280ms Dynamic Site Jekyll (static)
Hackable ! (the good kind — but also very secure)
Easy to Deploy https://pages.github.io http://jekyllrb.com/docs/deployment-methods/
We get it. Jekyll is awesome.
So what’s new in Jekyll 2?
Native SCSS/SASS Support _config.yml # other config sass: style: :compressed
--- --- // other styles css/styles.scss
Native CoffeeScript Support js/my-coffee.coffee --- --- ! # coffeescript below
Collections? _config.yml # other config collections: chapters: output: true permalink:
/chapter/:path/ . ├── _chapters │ ├── 1.md │ ├── 2.md │ └── 3.md ├── _config.yml ... other files http://myawesomebook.com/chapter/1 http://myawesomebook.com/chapter/2 http://myawesomebook.com/chapter/3
But wait! There’s more. --- layout: default --- ! <ul>
{% for chapter in site.chapters %} <li> <!-- assuming name in frontmatter --> <a href="{{ chapter.url }}">{{ chapter.name }}</a> </li> {% endfor %} </ul> chapters/index.html
Custom Markdown! _plugins/cool_md.rb require 'jekyll' require 'cool_md_processor' ! class Jekyll::Converters::Markdown::CoolMD
def initialize(config) @site_config = config end ! def convert(content) CoolMD.new(@site_config).to_html(content) # => *MUST* return the rendered HTML as a string end end
Let’s recap. • Jekyll rocks. • It’s better than your
CMS. • It’s fast. • It’s super hackable. (yes, the good kind) • It has great docs.
Questions? Also, http://jekyllrb.com is your best friend. @jesseherrick · jesseherrick.io