Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Conteúdo estático com Jekyll
Search
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
55
Programação Funcional
rodrigo
0
40
Groundhog
rodrigo
0
50
Redes Definidas por Software
rodrigo
0
67
Aplicações Multimídia Distribuídas
rodrigo
1
50
Farmanager
rodrigo
1
78
Coding Dojo e TDD
rodrigo
1
59
Resolvendo Problemas com o Bundler
rodrigo
1
52
Python com TDD
rodrigo
0
120
Other Decks in Programming
See All in Programming
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
1
560
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
490
チームをチームにするEM
hitode909
0
290
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
1.2k
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
1
600
dotfiles 式年遷宮 令和最新版
masawada
1
740
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
6
300
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
zozotech
PRO
8
5.4k
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
430
俺流レスポンシブコーディング 2025
tak_dcxi
14
8.5k
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.2k
生成AIを利用するだけでなく、投資できる組織へ
pospome
0
240
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
28
2.4k
Building an army of robots
kneath
306
46k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Typedesign – Prime Four
hannesfritz
42
2.9k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
The Language of Interfaces
destraynor
162
25k
A designer walks into a library…
pauljervisheath
210
24k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
A Tale of Four Properties
chriscoyier
162
23k
GitHub's CSS Performance
jonrohan
1032
470k
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/