点击项目上方的 服务-Gitee Pages,进入Gitee Pages 服务配置页。 部署分支选择 gh-pages,部署目录不填,勾选强制使用HTTPS,点击启动,随后会进行部署。 部署成功后,会在当前页面看到你的Gitee Pages网站地址,打开地址即可看到你的项目网站,和GitHub Pages的一模一样,而且Gitee Pages网站加载会快很多。 示例:https://ma...
${{ runner.os }}-yarn-# 安装依赖-run:yarn# 打包构建-run:yarnbuild# 发布到 GitHub Pages-name:Deployuses:peaceiris/actions-gh-pages@v2env:PERSONAL_TOKEN:${{secrets.ACCESS_TOKEN}}# 访问秘钥PUBLISH_BRANCH:gh-pages# 推送分支PUBLISH_DIR:./dist# 部署目录 8、把项目代码推送到远程仓库 9、查看构...
将项目build文件的输出目录改为docs目录,修改vite.config.ts,添加build属性 exportdefaultdefineConfig({// ...build:{outDir:"docs"}}) 打开github仓库的setting配置,选择Pages配置项,Source项选择Deploy from a branch,Branch项选择master分支下的/docs文件夹。 继续用命令行打开vue项目根目录,输入命令 $ npm run...
STEP 3:设置和部署 Vue 找到项目中的vite.config.ts|vite.config.js文件,将代码块中对应内容更改为: exportdefaultdefineConfig({base:"/REPONAME/",plugins:[],resolve:{alias:[]},}) 这样做是为了简化应用程序中的所有链接的前缀,让GitHub Page正常工作。 STEP 4:创建gh-pages分支 注意⚠️:GitHub Page...
1、要有个vue的项目(web的项目都可以) 2、在gitee或者GitHub建立项目(这里是通过GitHub展示的) vue项目设置并打包 在vue.config.js文件设置publicPath为./ 在这里插入图片描述 运行打包命令npm run build:prod生成dist包 在这里插入图片描述 添加gh-pages分支 ...
打开git bash到项目路径 构建项目: set –e npm run build 进入构建目标 cd dist 初始化本地仓库并将其push到远程仓库(github pages) git init git checkout -b main git add -A git commit -m 'deploy' git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main ...
为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：博客地址如下：Github https://mqyqingfeng.github.io/learn-typescript/Gitee http://mqyqingfeng.gitee.io/learn-typescript/ 0. VuePress VuePress 自然不用多说，基于 Vue 的静态网站生成器，风格简约，配置也比较简单。之所以不使用 Vit...
创建Vue项目 vue init webpack project-name 2. 修改Vue项目配置 config/index.js --> build --> assetsPublicPath --> / --> ./ build/webpack.prod.conf.js --> new HtmlWebpackPlugin --> removeAttributeQuotes --> true --> false .gitignore --> 注释/dist/ 3. 项目打包 npm run build ...
步骤二：创建一个 Github 仓库 在GitHub创建仓库，确保与项目相匹配。步骤三：设置和部署 Vue 在vite.config.ts或vite.config.js文件中，修改代码以简化应用程序链接前缀，确保GitHub Page正常工作。步骤四：创建gh-pages分支 创建专门存放 /dist 文件夹的gh-pages分支，避免该文件夹被git忽略。确保在...
"deploy": "gh-pages -d dist" } 构建项目:构建Vue项目以生成生产环境的文件: npm run build 部署项目:运行以下命令将构建后的文件部署到GitHub Pages: npm run deploy 访问页面:部署成功后,可以在浏览器中访问你的GitHub Pages网址(通常是https://yourusername.github.io/yourrepository/)。