Build your website with awestruct and publish it on the cloud with git
0 likes1,184 views
This document discusses building a website with Awestruct and deploying it on the cloud with Git. It begins by explaining that a content management system (CMS) is not needed to run a website and outlines pushing files directly to a web server instead. It then covers writing content in Markdown and layouts with HAML. The document also discusses making the site dynamic with JavaScript or CoffeeScript, styling with CSS, SASS or LESS, and deploying the site as just text files with Git to a remote repository. Finally, it introduces the Awestruct framework for "baking" websites, covering its project structure, properties, profiles and built-in extensions. It demonstrates deployment to GitHub Pages and OpenShift and provides
Build your website with awestruct and publish it on the cloud with git
- 1. Build your Website with Awestruct and Publish it on the Cloud with Git Xavier Coulon, Red Hat @xcoulon
- 2. 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
- 4. Part I. Let's Have Fun Again at Baking Websites
- 5. Content First ! Write your Articles in Markdown, Textile or AsciiDoc
- 7. Comparing HAML with HTML HTML <i> dv <togHlo Wrd<srn> srn>el, ol!/tog <dv /i> HAML %i dv %togHlo Wrd srn el, ol!
- 8. 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!
- 9. Make it Sexy with CSS, SASS or LESS
- 10. Dynamise with JavaScript or CoffeeScript
- 11. Deploy on a Web Server with Git It's just (text) files !
- 12. 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 !
- 13. Part II. Let's Bake our Website with Awestruct !
- 14. Getting Started gmisalaetut e ntl wsrc mdrcayaeoepoetst ki rz-wsm-rjc-ie aetut-ii -faeokbosrpbupit90 wsrc -nt -rmwr otta|lern|6 aetut- wsrc d
- 15. Awestruct Project Structure _config site.yml _ext pipeline.rb _layout base.html.haml _site news 2013-01-19-some-article.md index.html.haml
- 16. Properties/Metadata YAML Engine context (_config/*.yml) Page context (front-matter) Available within the pages and the extensions.
- 17. 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-
- 18. Awestruct Built-in Extensions and Helpers Indexifier Posts Tagger Atomizer Paginator Disqus Google Analytics and more...
- 19. Site Deployment
- 20. 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
- 21. OpenShift
- 22. Demo
- 23. fork the demo: github.com/xcoulon/sample-awestruct-site
- 24. BTW, this prezo was also baked with Awestruct ;-)
- 26. Thanks !
- 27. Q/A