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
2
540
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
60
Programação Funcional
rodrigo
0
45
Groundhog
rodrigo
0
56
Redes Definidas por Software
rodrigo
0
70
Aplicações Multimídia Distribuídas
rodrigo
1
54
Farmanager
rodrigo
1
84
Coding Dojo e TDD
rodrigo
1
64
Resolvendo Problemas com o Bundler
rodrigo
1
58
Python com TDD
rodrigo
0
120
Other Decks in Programming
See All in Programming
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
hagevvashi
0
570
存在論的プログラミング: 時間と存在を記述する
koriym
5
580
Geminiをパートナーに神社DXシステムを個人開発した話(いなめぐDX 開発振り返り)
fujiba
0
120
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
tak848
0
290
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
3.3k
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
710
ファインチューニングせずメインコンペを解く方法
pokutuna
0
220
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
nnaka2992
0
190
Goの型安全性で実現する複数プロダクトの権限管理
ishikawa_pro
2
1.4k
Claude Code Skill入門
mayahoney
0
450
LM Linkで(非力な!)ノートPCでローカルLLM
seosoft
0
270
それはエンジニアリングの糧である:AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
nrslib
1
670
Featured
See All Featured
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
510
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.8k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
360
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
390
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1k
Are puppies a ranking factor?
jonoalderson
1
3.2k
Making the Leap to Tech Lead
cromwellryan
135
9.8k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
420
SEO for Brand Visibility & Recognition
aleyda
0
4.4k
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/