Upgrade to Pro — share decks privately, control downloads, hide ads and more …

teahour.fm.pdf

 teahour.fm.pdf

http://teahour.fm and its website builder

Dingding Ye

April 06, 2013
Tweet

More Decks by Dingding Ye

Other Decks in Technology

Transcript

  1. {
    Teahour.FM
    For  Developers,  By  Developers

    View full-size slide

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

    View full-size slide

  3. Why  we  build  Pragmatic.ly

    View full-size slide

  4. Back  to  Teahour.FM

    View full-size slide

  5. Ñ  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 full-size slide

  6. Choices  to  Build  the  Site

    View full-size slide

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

    View full-size slide

  8. We  finally  choose…

    View full-size slide

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

    View full-size slide

  10. How  to  Use

    View full-size slide

  11. ─$  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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  16. Thank  You!

    View full-size slide