在GitHub上成果預覽

在github上託管的項目, 常常會存放一些demo的html文件在裏面, 好比像下面這樣的:

 

咱們直接點擊的話只能看到html源代碼, 那麼有沒有什麼辦法直接看html網頁效果而不用下載呢?

答案是有的. 它就是: http://htmlpreview.github.com/. 直接把github上html文件的連接複製過去便可, 如圖:

好比, Github上有這麼一個文件 https://github.com/aisinvon/VerticalMiddleForUnknownHeightDiv/blob/master/Set-Unknown-Height-Div-to-Vertical-Middle.html, 若是直接訪問是這樣的:

只有這樣訪問才能直接在網頁預覽到效果: http://htmlpreview.github.com/?https://github.com/aisinvon/VerticalMiddleForUnknownHeightDiv/blob/master/Set-Unknown-Height-Div-to-Vertical-Middle.html

Hope this helps. :)

 

更多參考:

重磅資料！Github上的PHP資源彙總大全

 

本文轉自: 如何直接在github上預覽html網頁效果