Introduction to Jekyll and Static-Site Generators
-
Upload
ruben-tan -
Category
Technology
-
view
997 -
download
6
description
Transcript of Introduction to Jekyll and Static-Site Generators
Static-site GeneratorsStatic-site GeneratorsJekyll to be specific…Jekyll to be specific…
Who am I?Who am I?
• Ruben TanRuben Tan
• VP of EngineeringVP of Engineering
• OnApp KLOnApp KL
• Super Awesome HairSuper Awesome Hair
DatabaseDatabaseDatabaseDatabase
Static-site GeneratorsStatic-site Generators
HTMLHTMLHTMLHTML
SSGSSGSSGSSG
MVCMVCFrameworkFramework
MVCMVCFrameworkFramework CMSCMSCMSCMS
CustomCustomWebappWebappCustomCustomWebappWebapp
MarkdownMarkdown# Heading 1# Heading 1
## Heading 2## Heading 2
### Heading 3### Heading 3
This is a **paragraph** with This is a **paragraph** with an _underline_an _underline_
* Bullet 1* Bullet 1* Bullet 2* Bullet 2
<h1>Heading 1</h1><h1>Heading 1</h1>
<h2>Heading 2</h2><h2>Heading 2</h2>
<h3>Heading 3</h3><h3>Heading 3</h3>
<p>This is a <p>This is a <strong>paragraph<strong> <strong>paragraph<strong> with an with an <em>underline</em></p><em>underline</em></p>
<ul><li>Bullet 1</li><ul><li>Bullet 1</li><li>Bullet 2</li></ul><li>Bullet 2</li></ul>
Demo Time!Demo Time!
Benefits of SSGsBenefits of SSGs
• Very very easy to kickstartVery very easy to kickstart
• Comes with powerful templating featuresComes with powerful templating features
• Highly customizableHighly customizable
• Very little need to dive into server-side code Very little need to dive into server-side code (PHP/Ruby/etc)(PHP/Ruby/etc)
• Can be used to prototype high-content websitesCan be used to prototype high-content websites
When to use SSG?When to use SSG?
1.1. Markdown/textile works better than HTMLMarkdown/textile works better than HTML
2.2. You need some form of simple templatingYou need some form of simple templating
3.3. Your client doesn’t need to update content by Your client doesn’t need to update content by themselvesthemselves
4.4. You don’t need to perform complex data You don’t need to perform complex data operationsoperations
5.5. You kind of don’t really like UI control panelsYou kind of don’t really like UI control panels
One more tool in your One more tool in your boxbox