Vercel 部署项目

Vercel 是一个云平台，专门为前端开发提供支持，使得部署网站和应用变得简单快捷。它最初是为支持 Next.js 框架而设计的，但也支持其他 JavaScript 框架，如 React、Vue.js 和 Angular。Vercel 提供的服务包括静态站点生成、服务器端渲染和增量静态生成等功能。

Vercel 的一些核心优点包括：

1. 自动化部署：通过 Git 集成，每次代码推送到版本库时，Vercel 都会自动部署新的版本，包括预览和生产部署。
2. 性能优化：自动优化网站性能，比如通过智能全球内容交付网络（CDN）来缩短加载时间。
3. 易用性：用户界面直观，便于新手和专业开发者使用。
4. 可扩展性：从小型项目到大型应用，Vercel 都能提供良好的扩展支持。
5. 开发者体验：提供了一系列开发者工具和集成，帮助开发者快速构建和测试应用。

Vercel 尤其适合那些需要快速迭代和部署前端项目的开发团队，同时它的服务器无需管理，大大降低了维护成本。

一 搭建个人主页

在这个数字化时代，拥有一个个人主页是展示个人品牌、才能和经历的绝佳方式。无论你是一名程序员、设计师、摄影师，还是任何其他专业人士，个人主页都可以帮助你在全球网络上留下自己的独特印记。以下是一个关于个人主页项目部署的基本介绍，包括项目的规划、开发和部署步骤。

1.1 项目地址

地址：https://github.com/imsyy/home

1.2 搭建过程

①先Fork该项目

②修改相关配置

1. 复制 /.env.example 文件并重命名为 /.env（ 重要 ）
2. 按需修改 /.env 文件中的配置

1. 在 src/assets/siteLinks.json 中可以自定义网站链接（以指向自己的网站）。
2. 在 src/assets/socialLinks.json 中可以自定义社交链接。

③使用vercel部署

打开：https://vercel.com/

部署时可能出现：

前往项目地址：点击以下位置就发现其已经成功部署！

搭建成功样例：

绑定自己的域名：

二 搭建MyIP

最好用的IP工具箱。轻松检查你的 IP，IP 地理位置，检查DNS泄漏，检查 WebRTC 连接，速度测试，ping 测试，MTR测试，检查网站可用性，查询 Whois 信息等等。

2.1 项目地址

地址：https://github.com/jason5ng32/MyIP

样例：

2.2 搭建过程

①先Fork该项目

②使用vercel部署

打开：https://vercel.com/

import MyIP项目：

搭建成功：

三 搭建Uptime-status网站监控

UptimeRobot 是一个网站监控服务，它主要用于帮助网站管理员检测其网站的在线状态和性能。通过设置HTTP(S)、关键字、Ping、端口等监控，UptimeRobot 可以实时检测网站是否可访问，并在出现问题时通过电子邮件、SMS、Webhooks 等多种方式发送警报。

3.1 项目地址

地址：https://github.com/yb/uptime-status

样例：

3.2 搭建过程

①先Fork该项目

②修改相关配置

注册uptimerobot：https://uptimerobot.com/

进入旧版应用程序：

创建监视器：

获取每个监视器的Api Key：

修改配置文件中的Key：

其余配置自行更改地址即可：

③使用vercel部署

四 搭建ChatGpt-Next-Web

一键免费部署你的私人 ChatGPT 网页应用，支持 GPT3, GPT4 & Gemini Pro 模型。

4.1 项目地址

github地址：https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web

成功样例：

4.2 搭建过程

①先Fork该项目

②使用vercel部署

自行填入OpenAI Key以及接口地址即可使用：

五 搭建It-Tools

为开发人员提供方便的在线工具集合，具有出色的用户体验。

5.1 项目地址

github地址：https://github.com/CorentinTh/it-tools

内容展示：

5.2 项目搭建

①先Fork该项目

②使用vercel部署

③绑定域名

先在Cloudflare解析一个CNAME记，解析内容都是这个：

六 搭建在线思维导图

6.1 项目地址

github地址：https://github.com/wanglin2/mind-map

内容展示：

6.1 项目搭建

①先Fork该项目

②使用vercel部署