teahour.fm.pdf

http://teahour.fm and its website builder

Transcript

1. {
   Teahour.FM
   For  Developers,  By  Developers
   

   View Slide

2. Nice to meet you!
   ွ᠘᠘
   yedingding@gmail.com
   h=ps://github.com/sishen
   @yedingding
   @yedingding
   h=p://yedingding.com
   

   View Slide

3. Why  we  build  Pragmatic.ly
   

   View Slide

4. Back  to  Teahour.FM
   

   View Slide

5. View Slide

6. Ñ  Start  at  01/19/2013
   Ñ  Weekly  Episode
   Ñ  10  Episodes  so  far
   Ñ  5  guests
   Ñ  More  than  7K+  listeners
   Ñ  Ruby,  Rails,  JavaScript,  Mobile,  Git
   Ñ  Personal  growth,  Agile,  Open  Source
   Ñ  Fun
   Analystic
   

   View Slide

7. Choices  to  Build  the  Site
   

   View Slide

8. View Slide

9. View Slide

10. View Slide

11. Nesta  CMS
    A  Ruby  CMS  for  developers  and  designers  built  on  Sinatra
    

    View Slide

12. View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. We  finally  choose…
    

    View Slide

18. View Slide

19. Ñ  ERB,  Haml,  Sass,  Less,  etc
    Ñ  Layouts  and  Partial
    Ñ  View  Helpers
    Ñ  Asset  Pipeline  using  sprockets
    Ñ  Markdown
    A  suite  of  tools  you  already  know
    

    View Slide

20. How  to  Use
    

    View Slide

21. ─$  tree
    .
    ├──  Gemfile
    ├──  README.md
    ├──  config.rb
    ├──  config.ru
    ├──  data
    │      ├──  author.yml
    │      ├──  site.yml
    │      └──  sitemap.yml
    ├──  source
    │      ├──  2013-­‐‑01-­‐‑19-­‐‑1st_beginning.html.markdown
    │      ├──  ......
    │      ├──  2013-­‐‑04-­‐‑02-­‐‑open-­‐‑source-­‐‑software-­‐‑and-­‐‑gitcafe.html.markdown
    │      ├──  feed.xml.builder
    │      ├──  images
    │      │      ├──  bg.png
    │      │      ├──  .......
    │      │      └──  logo.png
    │      ├──  index.html.erb
    │      ├──  javascripts
    │      │      ├──  application.js
    │      │      └──  main.js.coffee
    │      ├──  layouts
    │      │      ├──  layout.erb
    │      │      └──  podcast.erb
    │      ├──  shared
    │      │      └──  _post.erb
    │      ├──  sitemap.xml.builder
    │      └──  stylesheets
    │              ├──  application.css.scss
    

    View Slide

22. $  gem  install  middleman  
    $  middleman  init  teahour.fm  -­‐‑-­‐‑template=html5  
     
     
    $  middleman  server  
    $  middleman  article  interview-­‐‑dhh  
    $  middleman  build
    

    View Slide

23. View Slide

24. View Slide

25. View Slide

26. -­‐‑  github.com/pragmaticly/teahour.fm  
     
    -­‐‑  github.com/pragmaticly/blog.pragmatic.ly
    

    View Slide

27. Ñ   GitHub  Pages
    Ñ   Heroku  
    Ñ   RSync
    Ñ   Dropbox
    Deployment
    

    View Slide

28. Ñ   Skype
    Ñ   GarageBand
    Ñ   SoundFlower
    Ñ   LineIn
     
    h=p://terrytai.com/articles/0e298060-­‐‑record-­‐‑podcast-­‐‑by-­‐‑garage-­‐‑band-­‐‑and-­‐‑skype
    Record
    

    View Slide

29. Thank  You!
    

    View Slide