使用GitHub Pages部署静态页面

尝试一下将前端静态页面部署到GitHub上:

  1. 如图,在github创建一个新仓库,我的已经创建好了,就叫EchartDemo:
    使用GitHub Pages部署静态页面
  2. 复制GitHub中EchartDemo工程地址,git clone + http:XXXX 到你想要的文件夹中,最后再把整个前端工程复制到你从github上克隆下来的EchartDemo文件夹中:

使用GitHub Pages部署静态页面使用GitHub Pages部署静态页面使用GitHub Pages部署静态页面
3. 接下来就是提交代码了:
首先cd EchartDemo进入到git管理的文件夹中,此时是在master分支;
然后git add .将代码提交到缓存空间,git status查看是否已提交成功;
最后提交代码git commit -m"feat: echart可视化平板",并推到远程git push
使用GitHub Pages部署静态页面
使用GitHub Pages部署静态页面
4.回到github页面,找到右上角的settings,点击进入后找到github pages, 修改source下面的选择框为master branch, 来显示我们上传到master分支的页面。打开上面这个连接就可以访问自己的页面了~
使用GitHub Pages部署静态页面
使用GitHub Pages部署静态页面