Build your Website with Awestruct andPublish it on the Cloud        with Git      Xavier Coulon, Red Hat             @xco...
F*ck CMSDo you need a CMS to run your website ?               (hint: no)       Push files to a Web Server              set...
Part I.Lets Have Fun Again at Baking Websites
Content First !   Write your Articles inMarkdown, Textile or AsciiDoc
Layout with HAML
Comparing HAML with HTML                HTML<i> dv <togHlo Wrd<srn>  srn>el, ol!/tog<dv /i>                HAML%i dv %togH...
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...
Make it Sexy withCSS, SASS or LESS
Dynamise with JavaScript or      CoffeeScript
Deploy on a Web Server with Git       Its just (text) files !
Its a Developers Workflow !              (think about it)        A developer codes and tests,  then pushes to a remote git...
Part II.Lets Bake our Website   with Awestruct !
Getting Startedgmisalaetut e ntl wsrcmdrcayaeoepoetst ki rz-wsm-rjc-ieaetut-ii -faeokbosrpbupit90 wsrc -nt -rmwr otta|lern...
Awestruct Project Structure   _config     site.yml   _ext     pipeline.rb   _layout     base.html.haml   _site   n...
Properties/Metadata                     YAML       Engine context (_config/*.yml)         Page context (front-matter)Avail...
Managing Profiles         _site/config.yml          specific "profiles" entry.. .poie: rfls  dvlpet   eeomn:    bs_r:ht:/o...
Awestruct Built-in Extensions and            Helpers   Indexifier   Posts   Tagger   Atomizer   Paginator   Disqus   Googl...
Site Deployment
GitHub Pages         _config/site.yml...poie:rfls.. .pouto: rdcin bs_r:ht:/cuo.ihbcmsml-wsrc-ie  aeul tp/xolngtu.o/apeaet...
OpenShift
Demo
fork the demo: github.com/xcoulon/sample-awestruct-site
BTW, this prezo was also baked with           Awestruct ;-)
awestruct.org #awestruct @awestruct
Thanks !
Q/A
Build your website with awestruct and publish it on the cloud with git
Upcoming SlideShare
Loading in …5
×

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

1,309 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,309
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Build your Website with Awestruct andPublish it on the Cloud with Git Xavier Coulon, Red Hat  @xcoulon
  2. 2. F*ck CMSDo 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
  3. 3. Part I.Lets Have Fun Again at Baking Websites
  4. 4. Content First ! Write your Articles inMarkdown, Textile or AsciiDoc
  5. 5. Layout with HAML
  6. 6. Comparing HAML with HTML HTML<i> dv <togHlo Wrd<srn> srn>el, ol!/tog<dv /i> HAML%i dv %togHlo Wrd srn el, ol!
  7. 7. 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!
  8. 8. Make it Sexy withCSS, SASS or LESS
  9. 9. Dynamise with JavaScript or CoffeeScript
  10. 10. Deploy on a Web Server with Git Its just (text) files !
  11. 11. Its a Developers 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 publishand both can even have CI and Staging sites !
  12. 12. Part II.Lets Bake our Website with Awestruct !
  13. 13. Getting Startedgmisalaetut e ntl wsrcmdrcayaeoepoetst ki rz-wsm-rjc-ieaetut-ii -faeokbosrpbupit90 wsrc -nt -rmwr otta|lern|6aetut- wsrc d
  14. 14. Awestruct Project Structure  _config  site.yml  _ext  pipeline.rb  _layout  base.html.haml  _site  news  2013-01-19-some-article.md  index.html.haml
  15. 15. Properties/Metadata YAML Engine context (_config/*.yml) Page context (front-matter)Available within the pages and the extensions.
  16. 16. 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-
  17. 17. Awestruct Built-in Extensions and Helpers Indexifier Posts Tagger Atomizer Paginator Disqus Google Analytics and more...
  18. 18. Site Deployment
  19. 19. 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 ihbpgsgtcmii omtaetut- pouto -frewsrc P rdcin -ocaetut- pouto -dpowsrc P rdcin -ely
  20. 20. OpenShift
  21. 21. Demo
  22. 22. fork the demo: github.com/xcoulon/sample-awestruct-site
  23. 23. BTW, this prezo was also baked with Awestruct ;-)
  24. 24. awestruct.org #awestruct @awestruct
  25. 25. Thanks !
  26. 26. Q/A

×