Build your website with awestruct and publish it on the cloud with git

Build your Website
with Awestruct and
Publish it on the Cloud
with Git
Xavier Coulon, Red Hat
 @xcoulon

F*ck CMS
Do you need a CMS to run your website ?
(hint: no)
Push files to a Web Server
setup mod_php
CMS security patches
Database admin/backups
Data migration hell

Part I.
Let's Have Fun Again
at Baking Websites

Content First !
Write your Articles in
Markdown, Textile or AsciiDoc

Comparing HAML with HTML
HTML
<i>
dv
<togHlo Wrd<srn>
srn>el, ol!/tog
<dv
/i>

HAML
%i
dv
%togHlo Wrd
srn el, ol!

Comparing HAML with HTML
HTML
<i i=wapr cas"o"
dv d"rpe" ls=bx>
<togi=msae cas"oe>el,Wrd<srn>
srn d"esg" ls=cd"Hlo ol!/tog
<dv
/i>

HAML
%i{i = "rpe" :ls = "o"
dv:d > wapr, cas > bx}
%tog:d= "esg" :ls = "oe}Hlo Wrd
srn{i > msae, cas > cd" el, ol!

#rpe.o
waprbx
%togmsaecd Hlo Wrd
srn#esg.oe el, ol!

Make it Sexy with
CSS, SASS or LESS

Dynamise with JavaScript or
CoffeeScript

Deploy on a Web Server with Git
It's just (text) files !

It's a Developer's Workflow !
(think about it)
A developer codes and tests,
then pushes to a remote git repo to share
An author writes and reviews,
then pushes to a remote git repo to publish
and both can even have CI and Staging sites !

Part II.
Let's Bake our Website
with Awestruct !

Getting Started
gmisalaetut
e ntl wsrc
mdrcayaeoepoetst
ki rz-wsm-rjc-ie
aetut-ii -faeokbosrpbupit90
wsrc -nt -rmwr otta|lern|6
aetut-
wsrc d

Awestruct Project Structure
 _config
 site.yml
 _ext
 pipeline.rb
 _layout
 base.html.haml
 _site
 news
 2013-01-19-some-article.md
 index.html.haml

Properties/Metadata
YAML
Engine context (_config/*.yml)
Page context (front-matter)
Available within the pages and the extensions.

Managing Profiles
_site/config.yml
specific "profiles" entry
..
.
poie:
rfls
dvlpet
eeomn:
bs_r:ht:/oahs:22
aeul tp/lclot44
dsu:sprcaypoetdv
iqs ue-rz-rjc-e
dsu_eeoe:tu
iqsdvlpr re
pouto:
rdcin
bs_r:ht:/cuo.ihbcmsml-wsrc-ie
aeul tp/xolngtu.o/apeaetutst
dpo:
ely
hs:gtu_ae
ot ihbpgs
dsu:sprcaypoet
iqs ue-rz-rjc
gol_nltc:U-24681
ogeaayis A1357-

Awestruct Built-in Extensions and
Helpers
Indexifier
Posts
Tagger
Atomizer
Paginator
Disqus
Google Analytics
and more...

GitHub Pages
 _config/site.yml
..
.
poie:
rfls
..
.
pouto:
rdcin
bs_r:ht:/cuo.ihbcmsml-wsrc-ie
aeul tp/xolngtu.o/apeaetutst
..
.
dpo:
ely
hs:gtu_ae
ot ihbpgs

gtcmi
i omt
aetut- pouto -fre
wsrc P rdcin -oc
aetut- pouto -dpo
wsrc P rdcin -ely

fork the demo:
 github.com/xcoulon/sample-awestruct-site

BTW, this prezo was also baked with
Awestruct ;-)

awestruct.org
 #awestruct
 @awestruct

Build your website with awestruct and publish it on the cloud with git

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

Similaire à Build your website with awestruct and publish it on the cloud with git

Similaire à Build your website with awestruct and publish it on the cloud with git (20)

Plus de Xavier Coulon

Plus de Xavier Coulon (7)

Build your website with awestruct and publish it on the cloud with git