【Vercel】如何将你的静态网站发布？（无需服务器完成自动部署）

偏向明知山

已于 2024-10-16 14:51:35 修改

阅读量789

点赞数 11

分类专栏：大前端的世界 Git 文章标签：前端 github 持续部署

于 2024-10-16 14:01:29 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/wzyleix97/article/details/142980277

版权

大前端的世界同时被 2 个专栏收录

7 篇文章

订阅专栏

7 篇文章

订阅专栏

基于Vercel+Github完成静态网站的发布，并进行持续更新部署

Vercel：服务前端开发者的部署平台

从哪里开始

注册登录Vercel

在这里插入图片描述
点击Github登录后，会提示授权，根据提示内容进行登入
ps：这里有登录记录，所以会提示授权中，并重定向到Vercel内

添加拉取项目

Github仓库和Vercel做了联通，可以根据授权，直接拉取项目
在这里插入图片描述
（Import Git Repository）这里根据你登入的账户权限，进行项目拉取

选择需要引入的项目

选择仓库后，会显示仓库授权的项目列表，点击import引入项目
在这里插入图片描述

项目配置

项目名称、框架、根目录

在这里插入图片描述

构建和输出配置（Build and Output Settings）

构建和输出配置，这里需要配置打包的命令，构建打包输出的目录，以及安装依赖库的命令
在这里插入图片描述

环境变量

在这里输入你的环境变量，以供项目内部使用
在ai chatBot类似项目中，可以通过环境变量的配置，来更新秘钥（Key）的值，来进行权限更新
在这里插入图片描述
点击Deploy就会开始部署

部署状态查看和配置

在这里插入图片描述

部署记录查看

在这里插入图片描述

Domains 域名配置

域名自定义配置可以看底部文章 Vercel踩坑问题记录
在这里插入图片描述

Build Logs 查看构建日志

在这里插入图片描述
Build Logs

Vercel踩坑问题记录
在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。