以上,我们就完成了将Vue 项目部署到GitHub Pages,且实现自动部署,并同步到Gitee Pages上。 附: 项目github地址:Marco-hui/vue-admin-web 项目GitHub Pages网站地址:https://marco-hui.github.io/vue-admin-web 项目Gitee Pages网站地址:https://marco-hui.gitee.io/vue-admin-web __EOF__ 本文作者:Marco-灰...
1、要有个vue的项目(web的项目都可以) 2、在gitee或者GitHub建立项目(这里是通过GitHub展示的) vue项目设置并打包 在vue.config.js文件设置publicPath为./ 在这里插入图片描述 运行打包命令npm run build:prod生成dist包 在这里插入图片描述 添加gh-pages分支 新增一个代码分支,命名为gh-pages,如果不是空白分支,把...
一. 打包Vue项目 执行指令,此时项目会打包至根目录下的dist文件夹 npm run build 二. 删除根目录下.gitignore文件下的/dist 这样才能将dist目录提交到远程仓库 三. GitHub上新建远程仓库 命名为 用户名 . github .io ,这样才能部署为Github Pages 其它默认就行,我这里已经存在了pages,所以爆红,不要理会 一...
将Vue项目部署到github 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>/<USER...
打开github仓库的setting配置,选择Pages配置项,Source项选择Deploy from a branch,Branch项选择master分支下的/docs文件夹。 继续用命令行打开vue项目根目录,输入命令 $ npm run build 项目的打包文件就在docs目录下 image.png 再将项目进行一次提交(之后每次提交执行都执行下面命令即可) ...
GitHub Pages是一个免费的静态网站托管服务,可以帮助我们将我们的Vue3应用程序部署到互联网上。它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件,通过构建过程运行文件,然后发布网站。 最近练习使用 Vue3 实战开发,基于最新的 Vue 生态开发了一个高仿网易云PC端播放器的 Web项目。为了方便交流与访问,尝试...
如果之前一点相关经验没有的话(如果知道vue3的话,至少...不应该...),没关系,可以先参照下这个官方教程:https://docs.github.com/zh/repositories/creating-and-managing-repositories/creating-a-new-repository 创建好仓库之后,先拿到仓库的远程URL (进入仓库 -> code -> Local -> HTTPS,复制链接) 在...
VuePress 基于 Vue,所以主题色用的是 Vue 的绿色,然而 TypeScript 的官方色则是蓝色,那如何修改 VuePress 的主题色呢? 你可以创建一个.vuepress/styles/palette.styl文件,文件代码如下: $accentColor=#3178c6 此时可以发现主题颜色变了: 更多的颜色修改参考 VuePress 的palette.styl。
github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目。 最近将 vue cli 3.x 初始化项目部署到 github pages,踩了一些坑,记录如下。 https://github.com/nusr/resume-vue 1. vue-router 不要开启 history 模式 路径中的 # 比较丑,就开启了 vue-router 的 history 模式,去掉了 #。