1\. 突然想到怎样在Github上面预览自己的开源项目，然后就在网上找了看下，目前测试这个黑科技主要有以下三种方法： http://htmlpreview.github.io/ 就是这个网址了，进去之后会直接让你输入你的项目的HTML文件地址，输入之后就可以直接预览了！ 848 比如你的项目主页的地址是：https://github.com/xiugangzhang/ ... b/master/index.html 我们直接复制到上面的输入框就行，然后就可以看到效果了： 849 2.第二种方法其实就是第一种方法的一种实际扩展，直接在htmlpreview.github.io/?文件地址这个连接上输入你的地址就行了，相比上一个更简单。 预览出来的效果和上面的一样。 3. 第三种，这种方式相对来说可以生成一个相对更为简单的URL地址， 更加方便记忆： 首先在你的github上选择一个项目，进入仓库的设置页面，选择点击“setting选项就可以开始设置了； 找到GitHub Pages版块，选择Source为“master branch”，然后保存（保存以后默认会去找index.html文件），如果要访问其他页面，就直接在链接后面加上项目仓库的HTML文件名就行，即可跳转到demo显示的页面。 850 比如我这个生成的就是： Your site is ready to be published at https://xiugangzhang.github.io/SuperMarioGame/. 直接访问即可！

[黑科技]在GIthub上面快速预览自己的Html网页效果（非源码）