[閒聊] 一些線上分享/預覽網頁代碼用的網站

[mmis1000 (秋月戀楓)]

這文章主要是分享一些可以線上修改/預覽代碼用的網站

因為常看到有人用截圖/直接打字上ptt來問問題

這實在很傷眼睛，對回答的人也不方便

問的人也不容易得到解答

因此來分享一些可以線上編輯/預覽結果的網站

跑 html css js 預覽用的網站
  http://codepen.io/
    支援的預處理器
      HTML: Haml, Markdown, Slim, Jade
      CSS: Less, Scss, Sass, Stylus, PostCSS
      JS: CoffeeScript, LiveScript, TypeScript, Babel
    線上網頁預覽編輯
  http://jsbin.com/
    支援的預處理器
      HTML: Markdown, Jade
      CSS: Less, Myth, Scss, Sass, Stylus
      JS: CoffeeScript, LiveScript, TypeScript, Babel, JSX(React),
          Traceur, Processing, ClojureScript
    線上網頁預覽編輯
  http://jsfiddle.net/
    支援的預處理器
      CSS: SCSS
      JS: CoffeeScript
    線上網頁預覽編輯
  http://plnkr.co/
    可以自己增添檔案的測試場，用來測試前端模板時很好用

跑code片段，也就是伺服器端語言(各種語言都可以，c, java, php ...etc)的網站
  https://ideone.com/
    支援語言很多，但是無法新增檔案，無法測試需要多個檔案的code
  http://code.runnable.com/
    支援的語言較少，但是可以自己新增檔案，甚至也能直接跑vs專案
    因此可以測試檔案處裡等的代碼片段

完整的線上開發系統
  http://c9.io/
    強大的線上開發系統，
    完整的開發環境
    可以自己增添軟體，
    而且也已經預裝好很多常用開發工具了(git grunt node(nvm) ruby python...)
    跑任何語言。

    每一個專案都是獨立的容器，
    有獨立的子domain
    可以直接clone github專案，
    或是直接從空的容器開始都可以，
    要sudo也可以，
    類似於一個獨立的vps

放個人網站用的免費架站服務(Paas)
  https://www.openshift.com/
    使用git來上傳管理版本
    由redhat提供的服務
    免費帳號提供至多3個程式運行
    如果太久沒人打開網頁，程式會被自動休眠
  https://www.heroku.com/
    沒用過，無法評論

放置靜態網站的服務
  https://pages.github.com/
    由github提供的網頁服務
    上傳檔案當然也是用git進行版本控管

最後

發問時附上設置好的程式碼，會讓其他人回答意願大增歐

然後絕對絕對絕對絕對不會有人回答用截圖發的問題的!!!!!
沒有人會想要debug前還要手打你輸入的code的啊 Orz

有沒提到的好用網站的話，也歡迎提出歐！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.174.143.1
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1444058634.A.72E.html
推 oToToT: 依這樣github也算吧
→ mmis1000: github可不能讓他人線上編輯啊
→ mmis1000: 這些預覽網站的特點就是，大家都能隨時改，也不用帳號
→ mmis1000: 可以方便他人回答時附上改過的co
※ 編輯: mmis1000 (1.174.143.1), 10/06/2015 00:06:53
推 ian90911: 推
推 michealking: 推