如何使用Netlify 之 前端HTML+后端Node.js 的简单部署

一、注册Netlify账号

访问Netlify官网

选择注册方式：

通过GitHub注册：如果你已经有GitHub账号，选择GitHub注册是最方便的方式。点击“Sign up with GitHub”，然后按照提示登录你的GitHub账号。

验证邮箱

登录Netlify

二、将项目源码提交到github

下载Git(windows系统)

下载好之后直接双击运行下载好的.exe文件，选择安装路径后，勾选如下图

点击finish安装完成

登录github

创建代码仓库

提交代码到GitHub

右键项目文件夹

弹出如下窗体：

依次输入：

git init

git config --global user.name "<font style="color:#74B602;">你的github账户名</font>"

git config --global user.email "<font style="color:#74B602;">你github绑定的邮箱</font>"

ssh-keygen -t rsa -C "<font style="color:#74B602;">你github绑定的邮箱</font>"

在这一步会按照提示输入y或者按下回车就行

git add .

<font style="color:rgb(56, 58, 66);">git commit -m</font><font style="color:rgb(56, 58, 66);"> </font>"<font style="color:#74B602;">这里可以写相关的备注说明</font>"

git push -u origin <font style="color:#74B602;">这里要填写指定分支</font>

出现如图所示，是因为我的分子是master而我输入的是git push -u origin main

所以接下来输入：

git push -u origin master

然后从github刚刚创建的仓库中复制这个SSH地址

git remote add origin "<font style="color:#74B602;">刚刚复制的ssh地址</font>"

然后把分支改成main：

git branch -M main

会出现错误提示，通常是因为GitHub拒绝了ssh-key的公钥

所以接下来输入：

检查是否已生成 SSH 密钥对

ls -al ~/.ssh

生成新的 SSH 密钥对，有需要的话

ssh-keygen -t ed25519 -c "<font style="color:#74B602;">github绑定的邮箱</font>"

有存在SSH秘钥对的话就找到并复制秘钥对

clip <<font style="color:rgb(56, 58, 66);"> ~/.ssh/id_rsa.pub</font>

将复制的秘钥对粘贴到github的sshkey设置中

然后再输入：

ssh -T git@github.com

检查是否连接成功

再次重新提交：

<font style="color:rgb(56, 58, 66);">git add .</font>

<font style="color:rgb(56, 58, 66);">git commit -m</font><font style="color:rgb(56, 58, 66);"> </font>"<font style="color:#74B602;">这里可以写相关的备注说明</font>"

git push -u origin <font style="color:#74B602;">这里要填写指定分支</font>

代码成功提交！

三、创建netlify工程

选择github方式

校验身份后

选择本次要导入的项目

然后设置项目

然后点击deploy wokeout-map-ice

点击如图进入站点

可以看到已经部署完成，点击绿色网址就可以访问网站！