教你如何直接在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显示的页面。

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页