Github Pages是一个免费的静态网站托管服务,只需要将html文件上传到Github,你的网站就上线了。 爬爬虾之前有个完整视频介绍这块内容。Vue工程的原代码都是.vue文件。如果想发布成网站,需要打包编译成浏览器可以识别的html、JS等文件。我们可以将原代码下载到自己电脑上,进行build。当然我们也可以使用Github a
action:动作,每个步骤可以执行一个或多个动作 创建一个Vue项目 使用Vue CLI创建一个Vue项目 vue create github-actions-demo cd github-actions-demo 1 2 在项目根目录下创建一个vue.config.js,修改publicPath为将要发布的Github Pages的子路径,比如发布后的地址https://tuzilow.github.io/github-actions-demo/,那...
npm run build# 执行JamesIves/github-pages-deploy-action将项目发布到Github Pages-name:Deployuses:JamesIves/github-pages-deploy-action@3.7.1with:# 该workflow需要操作repo,因此需要一个密钥,下面会讲到如何获取这个密钥ACCESS_TOKEN:${{secrets.ACCESS_TOKEN}}# 发布到的分支BRANCH:gh-pages# 要发布的文件夹F...
偶然看到一个介绍使用GitHubAction做的百度贴吧自动签到,然后一路顺藤摸瓜看到了阮一峰大神写的GitHub Actions 入门教程中介绍,示例中介绍了把React项目发布到GitHub Pages,我就想能不能把vue的项目发布到GitHub Pages呢(主要是不会React)。 说干就干。 创建vue项目# 这个不讲了用vue-cli一个命令就可以了。现在我...
uses: JamesIves/github-pages-deploy-action@4.1.1 with: branch: gh-pages# The branch the action should deploy to. folder: dist# The folder the action should deploy. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
|git config --global user.email "Action@GitHub.com"git config --global user.name "GitHub Action"cd dist && git init && git add .git commit -m "GitHub Actions Auto Builder at $(date +'%Y-%m-%d %H:%M:%S')"git push --force --quiet "https://$GITHUB_TOKEN@github.com/$REPO_...
1, Set default node version to 20 2, Default project package.json doesn't have ci command, change it to install 3, Update pnpm block, previous not working 4, Default projet root is current dir not docs, change build and project path blocks. Previous conf
部署到 Cloudflare Workers使用 GitHub Action 部署访问在线演示 结论 Cloudflare Temp Email 是一款出色的工具,让用户可以轻松创建和管理临时电子邮件地址,其免费且易于使用的特性使其成为个人和企业保护隐私和匿名性的理想选择。5.基于 Vue3 开发的 ThingsBoard 前端 ️仓库名称:oliver225/thingsboard-ui-vue3截止...
Azure 静态 Web 应用是一种服务,可从GitHub存储库自动构建完整的堆栈 Web 应用,并将其部署到 Azure,目前它还是预览版。 Azure 静态 Web 应用通过与github actions集成,通过监听仓库的分支,当分支有push,pull request等动作的时候自动触发构建,并且部署到Azure。 Azure 静态 Web 应用支持对常见的VUE,React,Angular甚至...
一个简易版组织架构图,组件依赖于vue-org-tree, 在此基础上将部分源代码进行优化修改。可鼠标拖动拖拽,以及鼠标滚轮缩放,并且支持拖动节点改变树结构。 架构图支持拖拽和通过鼠标滚轮缩放 支持新增/删除节点 支持编辑节点名称 支持拖动节点改变树结构 支持自定义右键菜单 ...