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
Rodrigo Alves
April 27, 2013
Programming
540
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
More Decks by Rodrigo Alves
See All by Rodrigo Alves
VMware: apresentação de Economia de Empresas
rodrigo
0
76
Programação Funcional
rodrigo
0
47
Groundhog
rodrigo
0
60
Redes Definidas por Software
rodrigo
0
71
Aplicações Multimídia Distribuídas
rodrigo
1
54
Farmanager
rodrigo
1
88
Coding Dojo e TDD
rodrigo
1
66
Resolvendo Problemas com o Bundler
rodrigo
1
60
Python com TDD
rodrigo
0
120
Other Decks in Programming
See All in Programming
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
560
作って学ぶ、 JSX (TSX) ランタイムの基本
syumai
7
1.6k
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
260
RTSPクライアントを自作してみた話
simotin13
0
570
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
190
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
2k
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
200
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
hollycummins
0
280
Inside Stream API
skrb
1
680
A2UI という光を覗いてみる
satohjohn
1
130
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.4k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
330
Featured
See All Featured
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
200
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
Are puppies a ranking factor?
jonoalderson
1
3.5k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
830
Skip the Path - Find Your Career Trail
mkilby
1
140
Accessibility Awareness
sabderemane
1
140
Statistics for Hackers
jakevdp
799
230k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
220
Designing for humans not robots
tammielis
254
26k
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/