教你如何直接在github上预览html网页效果

一些demo经常放到github上进行托管, 打开直接是源代码，看不到效果。怎么直接看效果不用下载？
方法一、
将github上demo的html文件链接复制到，打开下面网址后出现的输入栏中，点击按钮即可。

http://htmlpreview.github.io/

GitHub & BitBucket HTML Preview

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

htmlpreview.github.io/?文件地址

https://fordtin.github.io/仓库名/文件地址
方法三、

1. 在github上demo的仓库页面，点击“setting”按钮；

2. 找到GitHub Pages版块，选择Source为“master branch”，然后保存（或者在Theme Chooser处，点击Change theme，进入页面后选择主题保存，这样也可以）；

3. 页面会出现一个新链接，在链接后面加上demo的HTML文件名，即可跳转到demo显示的页面。