使用 jsmrcaga/action-netlify-deploy 部署静态网站到 Netlify

使用 jsmrcaga/action-netlify-deploy 部署静态网站到 Netlify

action-netlify-deploy项目地址:https://gitcode.com/gh_mirrors/ac/action-netlify-deploy

项目介绍

jsmrcaga/action-netlify-deploy 是一个 GitHub Action，用于将静态网站部署到 Netlify。这个 Action 简化了部署流程，使得开发者可以通过简单的配置文件自动化部署过程。

项目快速启动

步骤 1: 创建 GitHub Actions Workflow 文件

在你的 GitHub 仓库中，创建一个 .github/workflows 目录（如果不存在），然后在该目录下创建一个 YAML 文件，例如 netlify-deploy.yml。

步骤 2: 配置 Workflow 文件

将以下内容复制到 netlify-deploy.yml 文件中：

name: 'Deploy to Netlify'

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3

      - name: Deploy to Netlify
        uses: jsmrcaga/action-netlify-deploy@v2.2.0
        with:
          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
          NETLIFY_DEPLOY_TO_PROD: true

步骤 3: 添加 Secrets

在 GitHub 仓库的设置中，添加以下 Secrets：

• NETLIFY_AUTH_TOKEN: 你的 Netlify 认证令牌。
• NETLIFY_SITE_ID: 你的 Netlify 站点 ID。

应用案例和最佳实践

应用案例

1. 自动化部署静态博客：使用此 Action 可以自动化部署基于 Jekyll 或 Hugo 的静态博客，每次提交代码到 main 分支时自动部署到 Netlify。

2. 多环境部署：通过配置不同的分支和环境变量，可以实现开发、测试和生产环境的自动化部署。

最佳实践

1. 使用 Secrets 管理敏感信息：确保所有敏感信息（如认证令牌和站点 ID）都存储在 GitHub Secrets 中，避免硬编码。

2. 版本控制：在引用 GitHub Action 时指定版本号，避免因 Action 更新导致的不兼容问题。

典型生态项目

1. Netlify CMS：一个基于 Git 的内容管理系统，与 Netlify 无缝集成，提供可视化编辑界面。

2. GitHub Actions：GitHub 的自动化工作流平台，可以与 Netlify 结合实现 CI/CD 流程。

3. Hugo/Jekyll：静态网站生成器，生成的静态网站可以通过此 Action 部署到 Netlify。

通过以上步骤和案例，你可以快速上手并使用 jsmrcaga/action-netlify-deploy 自动化部署你的静态网站到 Netlify。

action-netlify-deploy项目地址:https://gitcode.com/gh_mirrors/ac/action-netlify-deploy