預覽github項目的html文件新方法

原文地址：→看過來

寫在前面

關於如何在線預覽github中的html文件，其實這是一個很多人知道的東西，但是查資料的時候呢總是找不到正確的答案，並且一開始我也是踩了坑的。

踩坑經歷

搜出來的結果大概就兩種：

1. 第一種是在你打開的源碼地址的url地址基礎上加前綴http://htmlpreview.github.io/?或者http://htmlpreview.github.com/?(注：填這個還是會轉到前面那個前綴去的)。

2. 第二種就是在你的項目branch上添加一個gh-pages分支，然后將你的項目復制一份到這個分支上，然后再進入settings的github pages進行設置就OK了。

3. 總結下上面兩種，添加前綴的方式確實比較簡單，但是東西多了就會加載很慢，甚至不能正確的顯示css樣式，對於js的顯示效果就更不適用了。所以，趕快放棄吧！創建分支的方式確實是很麻煩額，之前就是感覺麻煩的不得了所以沒用這種方式，接下來要介紹的是創建分支的升級版，看下文~

取經啦

一度感覺小花說話很麻煩，請不要見怪！！！

1. 第一步就是找到你要展示的repo中的Settings

   

2. 找到github pages那一欄,在Source中選擇master branch,然后save

   

3. 放大你的眼睛找到你自己的這串地址哦
   

4. 然后就可以愉快的預覽了（在上面的地址基礎上加上你的repo文件路徑）

   

5. 完美~

小結

剛開始自己踩坑發現不對勁但又苦於找不到解決方法，后來偶然有個同學告訴我這樣紙，所以，我就只是枚小小的搬運工而已~

給看完本文的孩紙們一個愛的么么噠！！！