$30 off During Our Annual Pro Sale. View Details »
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
開発に寄りそう自動テストの実現
goyoki
1
750
AIエージェントを活かすPM術 AI駆動開発の現場から
gyuta
0
350
認証・認可の基本を学ぼう後編
kouyuume
0
180
WebRTC、 綺麗に見るか滑らかに見るか
sublimer
1
160
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
zozotech
PRO
8
5.4k
テストやOSS開発に役立つSetup PHP Action
matsuo_atsushi
0
150
FluorTracer / RayTracingCamp11
kugimasa
0
220
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
350
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
atzzcokek
0
210
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
maryang
1
110
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
6
1.2k
React Native New Architecture 移行実践報告
taminif
1
150
Featured
See All Featured
Navigating Team Friction
lara
191
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
710
Building Applications with DynamoDB
mza
96
6.8k
The World Runs on Bad Software
bkeepers
PRO
72
12k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
93
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Building Flexible Design Systems
yeseniaperezcruz
330
39k
Side Projects
sachag
455
43k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
How STYLIGHT went responsive
nonsquared
100
5.9k
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/