【你没发现Github的隐藏功能之】预览html网页效果

三步设置Github预览html

1. 新建仓库
2. Git上传css、js、img和index.html（必要）&&其他
3. 点击设置Settings：找到github pages那一栏,在Source中选择master branch,然后save

Settings设置:

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

• 蓝色路由既是新访问地址：https://cungudafa.github.io/CungudafaBlog/
  

• 打开新的网页输入查看：https://cungudafa.github.io/CungudafaBlog/
  
  这样就达到了预览html的效果了！是不是很简单，很方便 😃

优点

• 这样预览页面效果比代码仓库的感觉要一级棒一些！
  

• 这样的效果竟然和我在服务器发布项目效果一致，还免去了部署的麻烦！

  • Github页面：https://cungudafa.github.io/CungudafaBlog/
  • 服务器页面：http://www.cungudafa.top/

  服务器部署，至少得安装环境，上传项目，重启应用！ 😐
  当然了，如果需要后端的支持，还是需要服务器数据库的。

用途

作为应届生，找工作时总会问道曾经的项目，如果是口头描述，或者文字形式（说自己的项目中曾用过BootStrap、Echarts、layui…）是很难有说服力的，毕竟大家都这样说，可是实际效果可能大相径庭；

如果能够有页面直接展示你的项目，并且是可远程访问，不用揹着自己的电脑去提前调试，或者带着U盘提前放映展示（免除病毒侵害），等等；

如果能运用好Github预览页面这一点，把项目演示链接放在简历中，能够给自己加分也是蛮好的！

---

附：
很多同学不知道自己的页面应该怎么写，参考：

模板之家web简历模板预览

当然不鼓励下载应用；只是参考动画和布局；不然是没有什么意义的！