vue-cli项目以及普通静态网页如何部署到github pages
来源:互联网 发布:条形码生成软件 编辑:程序博客网 时间:2024/06/04 18:17
首先我们登录github,进入项目仓库,点击setting,找到github pages栏的source,点开,如下图:
第一个的意思是,建立一个gh-pages分支,第二个是直接选择主分支部署到github pages,第三个是主分支下的docs文件夹。能成功部署的条件是必须有个index,html作为入口,也就是说无论用哪种方式,都要有个index.html在主目录。静态网页的话就可以直接访问:github名.github.io/仓库名,就可以看到了
,也就延伸出了在github部署自己的博客这类说法。在刚才那张github截图的下面,官方也给出了相应的提示的。
如果是vue-cli等项目的话,需要先npm run build,打包出dist文件夹,再按上面的方式进行。打包有可能会出现运行index.html时是空白页的情况,解决方案在:http://blog.csdn.net/theoneEmperor/article/details/78155644。
还有需要注意的是,项目里不能用在线的框架,如bootstrap,jq等,否则是无法加载的。解决方案在:http://blog.csdn.net/theoneemperor/article/details/78158667
阅读全文
0 0
- vue-cli项目以及普通静态网页如何部署到github pages
- 如何将自己的Github项目部署到Github Pages
- 如何将github repository 部署到 github pages
- 如何将你的github仓库部署到github pages
- 如何将你的github仓库部署到github pages
- vue项目部署gitHub教程,如何创建github服务器
- Github Pages 静态网页建站
- Writing for GCD: 如何将github repository 部署到GitHub pages
- 用github部署静态网页
- vue-cli快速搭建vue项目并上传github
- 如何将本地vue项目上传到github
- vue项目提交到github
- Github pages搭建网页
- 如何使用vue-cli生成项目
- 如何使用vue-cli创建项目
- vue项目搭建(vue-cli)以及其他配置
- Vue-cli创建vue项目以及配置文件梳理
- vue cli脚手架工具安装以及搭建vue项目
- 团圆的中秋, 我一个人在code
- Ros_1
- Java 多线程(PART I)进程和线程
- WmS工作原理
- Ros_2
- vue-cli项目以及普通静态网页如何部署到github pages
- java基础面试题总结
- Ros_3
- BZOJ 1191 超级英雄Hero 二分图最大匹配(水)
- Ros_4
- 错误整理
- 计算机小白如何在windows系统上安装ubantu双系统
- Ros_5
- 线段树 (更新点查询区间)敌兵布阵