当前位置:   article > 正文

github使用gh-pages部署静态站点

gh-pages

前言

当我们想把自己的网站部署到一个静态网站上,Github Pages是一个很好的选择(稳定、可靠、不花钱)。下面是一个基于vue3+vite的项目的部署流程部署流程。


假设你已经有一个项目并且已经发布到github上了,先把项目git clone到本地。

1、安装gh-pages

pnpm i -D gh-pages

2、初始化仓库,提交代码到远程仓库

3、在package.json文件中添加script脚本

"deploy":"gh-pages -d dist -r https://github.com/Rowe9/Rowe-Admin-System.git -b gh-pages",

4、在终端运行命令

  1. pnpm run build
  2. pnpm run deploy

会出现一个dist文件夹

5、打开github仓库,点击setting-->pages-->选择gh-pages分支的root-->点击Save

6、点击链接就可以访问啦!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/595412
推荐阅读
相关标签
  

闽ICP备14008679号