github上預覽html網頁

一些demo經常放到github上進行託管, 打開直接是源代碼，看不到效果。怎麼直接看效果不用下載？

方法一、

將github上demo的html文件鏈接複製到，打開下面網址後出現的輸入欄中，點擊按鈕即可。

http://htmlpreview.github.io/

GitHub & BitBucket HTML Preview

方法二、

在HTML文件的地址前面加上htmlpreview.github.io/?

現在瀏覽器中找到HTML的鏈接地址

然後在HTML文件的URL前面加上htmlpreview.github.io/?

https://fordtin.github.io/倉庫名/文件地址

 

方法三、

在github上demo的倉庫頁面，點擊“setting”按鈕；

找到GitHub Pages版塊，選擇Source爲“master branch”，然後保存（或者在Theme Chooser處，點擊Change theme，進入頁面後選擇主題保存，這樣也可以）；

頁面會出現一個新鏈接，在鏈接後面加上demo的HTML文件名，即可跳轉到demo顯示的頁面。