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
Conteúdo estático com Jekyll
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Rodrigo Alves
April 27, 2013
Programming
2
530
Conteúdo estático com Jekyll
Slides from my talk about Jekyll at #abrilproruby, the local Ruby conf
in Recife
Rodrigo Alves
April 27, 2013
Tweet
Share
More Decks by Rodrigo Alves
See All by Rodrigo Alves
VMware: apresentação de Economia de Empresas
rodrigo
0
59
Programação Funcional
rodrigo
0
42
Groundhog
rodrigo
0
53
Redes Definidas por Software
rodrigo
0
68
Aplicações Multimídia Distribuídas
rodrigo
1
52
Farmanager
rodrigo
1
83
Coding Dojo e TDD
rodrigo
1
63
Resolvendo Problemas com o Bundler
rodrigo
1
56
Python com TDD
rodrigo
0
120
Other Decks in Programming
See All in Programming
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
380
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
130
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
fruitriin
0
120
Basic Architectures
denyspoltorak
0
680
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
300
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.4k
CSC307 Lecture 04
javiergs
PRO
0
660
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
110
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
izumin5210のプロポーザルのネタ探し #tskaigi_msup
izumin5210
1
130
Featured
See All Featured
Navigating Team Friction
lara
192
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
750
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
52k
KATA
mclloyd
PRO
34
15k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7k
Mind Mapping
helmedeiros
PRO
0
87
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Transcript
Conteúdo estático com Jekyll Rodrigo Alves Vieira www.rodrigoalvesvieira.com @rodrigoavie
gem install jekyll
. |-- _config.yml |-- _includes |-- _layouts | |-- default.html
| |-- post.html |-- _posts | |-- 2012-10-25-creedence-clearwater.md | |-- 2013-04-26-grateful-dead.md |-- _site |-- index.html |-- assets |-- css |-- style.css |-- javascripts Estrutura de um projeto:
jekyll --server Edite o _config.yml e:
Yaaaaawks, tá rodando!
• Muito simples • it's pretty technical • Coisa de
dev O que o Jekyll é:
• Não é um framework web • Não é um
CMS (Content Management System) • Não é o Tumblr O que o Jekyll não é:
Suporta migrações: Wordpress, Tumblr, Blogger e Drupal
Plugins, huh?
Suporta sim!
Suporta sim! LaTex to PNG, tagcloud, pygments, Google Analytics, I18n,
etc.
• Markdown • Textile • Haml • HTML puro Templating:
E se eu não quiser escrever tudo?
E se eu não quiser escrever tudo? Então não escreve
oras, usa o...
Feito sobre o Jekyll já vem com estrutura de arquivos
pronta: instalar e rodar! ...Octopress
Tem hospedagem free no GitHub?
sim, com o GitHub Pages:
1. crie um repositório chamado {meuhandle}. github.com 2. git push
seu projeto Jekyll para esse repo 3. vá para http://seuhandle.github.com Pra configurar:
1. crie um repositório chamado {meuhandle}. github.com 2. git push
seu projeto Jekyll para esse repo 3. vá para http://seuhandle.github.com Pra configurar: "Agora é correr pro abraço!"
Obrigado! • www.rodrigoalvesvieira.com • @rodrigoavie • rodrigovieira1994 [at] gmail [dot]
com • github.com/rodrigoalvesvieira • linkedin.com/in/rodrigoalvesvieira
Referências 1. Imagens: google.com/images 2. jekyll: https://github.com/mojombo/jekyll 3. octopress: http://octopress.org/
4. sites em jekyll (source): https://github.com/mojombo/jekyll/wiki/Sites 5. github pages: http://pages.github.com/ 6. http://jekyllbootstrap.com/