📌  相关文章
📜  如何使用 git bash 部署到 netlify - Shell-Bash (1)

📅  最后修改于: 2023-12-03 14:51:52.730000             🧑  作者: Mango

如何使用 git bash 部署到 Netlify

Netlify 是一款快速、可依赖、安全的托管服务，可以将静态网站、单页应用程序部署到全球范围的 CDN。

Git Bash 是在 Windows 系统中使用 Git 的命令行工具。在本指南中，我们将学习如何使用 Git Bash 将代码托管到 GitHub，并使用 Netlify 部署静态网站。

准备工作

在开始部署之前，需要确保已安装以下工具：

  • Git：从 Git 官网下载安装程序。
  • Git Bash：从 Git Bash 官网下载安装程序。
  • GitHub 账户：注册 GitHub 账户。
  • Netlify 账户：注册 Netlify 账户。
步骤 1：创建仓库并将代码上传到 GitHub

  1. 打开 Git Bash，创建一个名为“my-static-website”的本地文件夹：

    $ mkdir my-static-website

  2. 进入该文件夹：

    $ cd my-static-website

  3. 初始化仓库：

    $ git init

  4. 创建一个名为“index.html”的 HTML 文件：

    $ touch index.html

  5. 将以下代码粘贴到 index.html 中：

    <!DOCTYPE html>
<html>
  <head>
    <title>My Static Website</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

  6. 添加并提交新文件到本地仓库：

    $ git add .
$ git commit -m "Initial commit"

  7. 在 GitHub 上创建一个新仓库，并在本地仓库中添加远程仓库的地址：

    $ git remote add origin https://github.com/USERNAME/REPOSITORY.git

  8. 将本地仓库推送到 GitHub：

    $ git push -u origin main
步骤 2：在 Netlify 上部署代码

  1. 登录 Netlify，点击“New site from Git”按钮，选择要部署的 Git 仓库。

  2. 在设置页面中，确保以下设置正确：

    • Build command：npm run build（如果没有使用 npm，则输入相应的构建命令）。
    • Publish directory：dist（构建输出目录）。
    • Production branch：main（如果你的默认分支不是 main，请更改此设置）。

  3. 点击“Deploy site”按钮，Netlify 将开始构建和部署你的静态网站。

  4. 这可能需要几分钟时间，完成后你将会看到你的网站部署到了 Netlify，并可以使用分配的网址进行访问。

结论

在本指南中，我们学习了如何使用 Git Bash 将代码上传到 GitHub，并在 Netlify 上部署静态网站。Netlify 的部署过程非常简单，只需要几个简单的步骤即可完成。希望这篇文章对你有所帮助！