预览github项目中html文件方法

本文属于转载,感谢原创作者小花,原文地址《预览github项目的html文件新方法》

写在前面
关于如何在线预览github中的html文件,其实这是一个很多人知道的东西,但是查资料的时候呢总是找不到正确的答案,并且一开始我也是踩了坑的。

踩坑经历
搜出来的结果大概就两种:
1.
第一种是在你打开的源码地址的url地址基础上加http://htmlpreview.github.com/?(注:填这个还是会转到前面那个前缀去的)前缀" target="_blank">http://htmlpreview.github.io/?[/color]或者http://htmlpreview.github.com/?(注:填这个还是会转到前面那个前缀去的)前缀
2.
第二种就是在你的项目branch上添加一个gh-pages分支,然后将你的项目复制一份到这个分支上,然后再进入settings的github pages进行设置就OK了。
3.
总结下上面两种,添加前缀的方式确实比较简单,但是东西多了就会加载很慢,甚至不能正确的显示css样式,对于显示js的效果就更不使用了。所以,赶快放弃吧!创建分支的方式确实是很麻烦额,之前就是感觉麻烦的不得了所以没用这种方式,接下来要介绍的是创建分支的升级版,看下文~

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

预览github项目中html文件方法

2.
找到github pages那一栏,在Source中选择master branch,然后save

预览github项目中html文件方法

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

预览github项目中html文件方法

4.
然后就可以愉快的预览了

预览github项目中html文件方法

5.
完美~

小结
我就只是枚小小的搬运工而已~

评论 ( 2 )
最新评论