【你没发现Github的隐藏功能之】预览html网页效果
2020-02-16 18:10
549 查看
目录
三步设置Github预览html
- 新建仓库
- Git上传css、js、img和index.html(必要)&&其他
- 点击设置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的效果了!是不是很简单,很方便 ?
优点
-
这样预览页面效果比代码仓库的感觉要一级棒一些!
-
这样的效果竟然和我在服务器发布项目效果一致,还免去了部署的麻烦!
[li] Github页面:https://cungudafa.github.io/CungudafaBlog/
服务器页面:http://www.cungudafa.top/[/li]
服务器部署,至少得安装环境,上传项目,重启应用! ?
当然了,如果需要后端的支持,还是需要服务器数据库的。
用途
作为应届生,找工作时总会问道曾经的项目,如果是口头描述,或者文字形式(说自己的项目中曾用过BootStrap、Echarts、layui…)是很难有说服力的,毕竟大家都这样说,可是实际效果可能大相径庭;
如果能够有页面直接展示你的项目,并且是可远程访问,不用背着自己的电脑去提前调试,或者带着U盘提前放映展示(免除病毒侵害),等等;
如果能运用好Github预览页面这一点,把项目演示链接放在简历中,能够给自己加分也是蛮好的!
附:
很多同学不知道自己的页面应该怎么写,参考:
模板之家web简历模板预览
当然不鼓励下载应用;只是参考动画和布局;不然是没有什么意义的!
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- HTML简介
- 三天HTML入门
- 近来对html学习的浅谈和认识实践
- html登录界面
- html控件、html服务器控件等的区别详解
- Brain storming a method of validating a HTML table's content with Watir-webdrive
- HTM载入报错:XHTML 1.0 检验 -- HTML 标签不识别
- Servlet,html实现定时刷新到另外一个页面
- 将ajax获取的内容添加到HTML后如何操作DOM修改属性
- 关于HTML学习整理(一)
- HTML—项目实战(注册界面的设计以及实现)
- element.insertAdjacentHTML的用法
- HTML常用标签
- html的标签,为图片添加自定义热点!
- 前端面试知识点汇总 - HTML
- HTML 在线播放flv、MP4 超简单插件----flowplayer
- HTML基础
- html课后笔记
- 2017学习HTML之路
- 2019前端html面试题总和!无答案