GitHub-Actions的使用教程
<p>1、根据GitHub提供的文档生成密钥，生成好后记得复制下来，要不然再访问页面的时候密钥就不展示了。</p><pre><code class="language-yaml hljs"><span class="hljs-comment"># 生成密钥时主要需要开启的权限有
<span class="hljs-number">1<span class="hljs-string">、rope <span class="hljs-string">下所有权限
<span class="hljs-number">2<span class="hljs-string">、admin:repo_hook <span class="hljs-string">下所有权限
<span class="hljs-number">3<span class="hljs-string">、delete_repo <span class="hljs-string">下所有权限
<span class="hljs-comment"># 主要是关于rope的权限，尽量都开启</span></span></span></span></span></span></span></span></span></span></span></code></pre>
<p>2、在要使用Actions功能的仓库的<code>Settings</code>中的<code>Secrets</code>中新增一条。</p>
<pre><code class="language-json hljs">Name为:ACCESS_TOKEN
Value为:刚才生成好的密钥
</code></pre>
<p>3、在项目的<code>package.json</code>文件中找到<code>homepage</code>字段，没有的话就新增一个。</p>
<pre><code class="language-json hljs"><span class="hljs-string">"homepage": <span class="hljs-string">"https://.github.io/[使用Actions功能的仓库名]"
</span></span></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 hljs"><span class="hljs-comment"># 自定义当前执行文件的名称
<span class="hljs-attr">name: <span class="hljs-string">GitHub <span class="hljs-string">Actions <span class="hljs-string">Build <span class="hljs-string">and <span class="hljs-string">Deploy <span class="hljs-string">Demo
<span class="hljs-comment"># 整个流程在master分支发生push事件时触发
<span class="hljs-attr">on:
<span class="hljs-attr">push:
<span class="hljs-attr">branches:
<span class="hljs-bullet">- <span class="hljs-string">master
<span class="hljs-attr">jobs:
<span class="hljs-attr">build-and-deploy:
<span class="hljs-attr">runs-on: <span class="hljs-string">ubuntu-latest <span class="hljs-comment"># 运行在ubuntu-latest环境的虚拟机中
<span class="hljs-attr">steps:
<span class="hljs-comment"># 获取仓库源码
<span class="hljs-bullet">- <span class="hljs-attr">name: <span class="hljs-string">Checkout
<span class="hljs-attr">uses: <span class="hljs-string">actions/checkout@v2
<span class="hljs-attr">with:
<span class="hljs-attr">persist-credentials: <span class="hljs-literal">false
<span class="hljs-comment"># 构建和部署
<span class="hljs-bullet">- <span class="hljs-attr">name: <span class="hljs-string">Install <span class="hljs-string">and <span class="hljs-string">Build
<span class="hljs-comment"># 由于示例项目代码并非在根目录,所以要这里手动进入了项目目录
<span class="hljs-comment"># 如果你代码本身就处于根目录则不需要再手动进入了
<span class="hljs-attr">run: <span class="hljs-string">|
cd ./react_project
npm install
npm run-script build
<span class="hljs-comment"># 发布
<span class="hljs-bullet">- <span class="hljs-attr">name: <span class="hljs-string">Deploy
<span class="hljs-attr">uses: <span class="hljs-string">JamesIves/github-pages-deploy-action@releases/v3
<span class="hljs-comment"># 环境变量
<span class="hljs-attr">with:
<span class="hljs-attr">ACCESS_TOKEN: <span class="hljs-string">${{ <span class="hljs-string">secrets.ACCESS_TOKEN <span class="hljs-string">}} <span class="hljs-comment"># GitHub 密钥 ACCESS_TOKEN 是在第二步Settings的Secrets中新增时定义的Name,要保持一致
<span class="hljs-comment"># 发布到指定分支
<span class="hljs-attr">BRANCH: <span class="hljs-string">gh-pages
<span class="hljs-comment"># 构建成果所在目录,默认位置都是在根目录
<span class="hljs-attr">FOLDER: <span class="hljs-string">./react_project/build
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre>
<p>5、修改代码->发布到仓库->在仓库的<code>Actions</code>中可以看到构建过程，构建结束后可以在第三步设置的<code>homepage</code>地址中看到效果。</p><br><br>
来源：https://www.cnblogs.com/chenyablog/p/14636218.html
頁:
[1]