github中提交预览演示静态页面

有时候我们写的开源的项目,可能有一些打包出来的静态页面需要直观的展示给他人,github上我们除了可以上传源码之外,还可以上传我们的打包出来的静态页面,用户通过访问相应的链接就可以直接访问到这些页面。

1--使用git checkout -b gh-pages在你本地切一个gh-pages的分支

2-打包你的项目,将打包出来的页面(我这里打包出来的是dist目录,注意如果你的gitignore中包含这个目录,先注释掉他)add到github上,添加git commit -m '你的描述'。


3- git push --set-upstream origin gh-pages 命令push到gh-pages分支中;

4-在github项目中进入到setting下,找到GitHub Pages选项,如下


这里我们看到一个链接,就是你访问你的项目静态页面的链接了,我这里是在根目录的/dist目录下,所以我的访问链接为:

https://nongweiyi.github.io/webpack-config-demo/dist/contact.html

猜你喜欢

转载自blog.csdn.net/nongweiyilady/article/details/79255932