GitHub-Actions的使用教程
<p>1、根据GitHub提供的文档生成密钥，生成好后记得复制下来，要不然再访问页面的时候密钥就不展示了。</p><pre><code class="language-yaml"># 生成密钥时主要需要开启的权限有
1、rope 下所有权限
2、admin:repo_hook 下所有权限
3、delete_repo 下所有权限
# 主要是关于rope的权限，尽量都开启
</code></pre>
<p>2、在要使用Actions功能的仓库的<code>Settings</code>中的<code>Secrets</code>中新增一条。</p>
<pre><code class="language-json">Name为:ACCESS_TOKEN
Value为:刚才生成好的密钥
</code></pre>
<p>3、在项目的<code>package.json</code>文件中找到<code>homepage</code>字段，没有的话就新增一个。</p>
<pre><code class="language-json">"homepage": "https://.github.io/[使用Actions功能的仓库名]"
</code></pre>
<p>4、在使用<code>Actions</code>功能的仓库的根目录添加一个<code>.github</code>目录，并在其中新增一个<code>workflows</code>目录，在<code>workflows</code>目录中再新增一个<strong>任意名字</strong>的<code>.yml</code>文件。</p>
<pre><code class="language-yaml"># 自定义当前执行文件的名称
name: GitHub Actions Build and Deploy Demo
# 整个流程在master分支发生push事件时触发
on:
push:
branches:
- master
jobs:
build-and-deploy:
runs-on: ubuntu-latest # 运行在ubuntu-latest环境的虚拟机中
steps:
# 获取仓库源码
- name: Checkout
uses: actions/checkout@v2
with:
persist-credentials: false
# 构建和部署
- name: Install and Build
# 由于示例项目代码并非在根目录,所以要这里手动进入了项目目录
# 如果你代码本身就处于根目录则不需要再手动进入了
run: |
cd ./react_project
npm install
npm run-script build
# 发布
- name: Deploy
uses: JamesIves/github-pages-deploy-action@releases/v3
# 环境变量
with:
ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} # GitHub 密钥 ACCESS_TOKEN 是在第二步Settings的Secrets中新增时定义的Name,要保持一致
# 发布到指定分支
BRANCH: gh-pages
# 构建成果所在目录,默认位置都是在根目录
FOLDER: ./react_project/build
</code></pre>
<p>5、修改代码->发布到仓库->在仓库的<code>Actions</code>中可以看到构建过程，构建结束后可以在第三步设置的<code>homepage</code>地址中看到效果。</p>
</div>
<div id="MySignature" role="contentinfo">
<hr/>
文章都是本人学习时的笔记整理，希望看完后能对您有所帮助，欢迎大家提意见，多多交流。
<br/>
也有些文章是转载的，如果存在转载文章且没有标注转载地址的，请与我联系，马上处理。
<br/>
自由转载-非商用-非衍生-保持署名。<br><br>
来源：https://www.cnblogs.com/rope/p/14006168.html
頁:
[1]