1. 创建一个vue项目 我们这使用vue-cli直接生成一个项目,确保全局安装了vue-cli脚手架,安装命令为npm install -g @vue/cli,打开控制台,输入以下命令:vue create 项目名,创建一个新项目,选择 默认配置。 2. 修改package.json文件 在package.json文件中增加一条命令,"homepage": "https://[github用户名].githu...
https://<用户名>.github.io/assets/index.bf782a5b.js,而我们的资源文件在/vue-pages/目录下,所以当然报错404,修复也很简单,如果你的Vue项目是基于 Vite 的构建的,需要修改vite.config.js,添加base:'./' exportdefaultdefineConfig({plugins:[vue(),vueJsx()],base:'./',// 将根路径换成相对路径resolv...
npm run-script build# react项目的FOLDER为build,vue项目改为dist-name:Deployuses:JamesIves/github-pages-deploy-action@releases/v3with:ACCESS_TOKEN:${{secrets.ACCESS_TOKEN}}BRANCH:gh-pagesFOLDER:build 首先我们形成一个基本的观念,对于一个workflow来说,从大到小可以按以下划分:workflow(最大) --> job ...
concurrency:group:${{github.workflow}}-${{github.ref}}# 步骤 steps:# 官方action,将代码拉取到虚拟机-name:Checkout uses:actions/checkout@v3 # 建一个名为setup-node的步骤(安装指定版本的Node.js)-name:setup-node # 使用setup-node@v3这个action uses:actions/setup-node@v3 # 指定某个action 可能...
使用GithubActions部署静态资源(vue)到GitHubPages Github支持给项目设置secret,在workflow中可直接使用, 通过action可以很方便将一些纯静态资源部署到GitHub Pages中,如vue项目,而非Jekyll。 创建gh-pages分支 Github会默认将gh-pages分支的内容部署到项目的GitHub Pages中(模式从根路径读取静态资源)。
1 VuePress教程之部署到Github Action 1.1 主题的选取:vdoing主题 1.2 安装vdoing主题 1.3 本地部署 1.4 使用Github Action部署 1.5 分享我的 ci.yml配置文件 最近geekzl打算尝试一下VuePress,据说如果用来做文档体验会很不错,外观和Gitbook有点相似,好处是代码层面具有较大的自由度,也可以顺便加强vue的学习。
前端项目(Vue) GitHub账号 服务器资源(或者使用github pages) 4.2 初始化项目 (1)初始化一个Vue项目 在本地任意地方初始化一个Vue项目,初始化命令如下: vue create myproject 项目的相关配置任意选择,最后项目运行起来如下: (2)推送至GitHub 在GitHub上新建一个项目,我们就取名为github-actions-demo: ...
首先我们需要到项目仓库的页面上进入 Actions 这个 tab, 选择 Node 环境进入脚本的编辑页面 这里我直接使用了 peaceiris 的actions-gh-pages,这个action可以帮你把打包好的静态文件部署到GitHub Pages上去。 最终我的 workflow 脚本如下: 这里有我的脚本源文件,可以参考一下。
GitHub Action GitHub Actions 是一个持续集成 (Continuous integration)和持续交付 (Continuous delivery)的平台,它可以做到自动化构建、测试、部署。你可以创建工作流,构建和测试每一个 pull request 或者部署合并后的代码到生产环境。
GitHub Action 自动编译Vue项目并发布 脚本内容 name:buildAndDeployenv:TZ:Asia/Shanghaion:#当master分支提交时push:branches: -master#开始任务jobs:main:runs-on:ubuntu-lateststeps: -uses:actions/checkout@v2-uses:actions/setup-node@v1with:node-version:'12'#安装和构建-name:Install and Buildrun:|yarn...