Vercel+Cloudfare：个人打造AI网站神器

AI技术的快速发展，越来越多的独立开发者可以轻松打造自己的AI工具，其中Vercel和Cloudfare，是个人建站极为重要的两个开发神器。

01 Vercel

工具介绍：Vercel是一个云计算和部署平台，它提供了一系列工具和服务，旨在帮助开发者更轻松地构建、部署和管理他们的应用程序。这使得开发团队能够更专注于应用程序的开发和创新，而无需过多关注基础设施管理。

开发者在Vercel上一键部署应用程序确实非常方便，最重要的它还会自动生成一个免费的域名并且自带SSL证书也就是可以直接通过https进行访问，这为开发者节省大量经济成本

主要优势：

优势1：个人版永久免费，每个月 100G 带宽，个人项目部署完全够用，需要注意的是团队模式收费，所以要协作你只能付费。

优势2：内置 CI CD：你可以理解成一个黑盒，项目丢进去，只需要将项目导入 vercel ，一键命令自动部署。

优势3：内置构建流程，支持代码推送、PR 自动触发构建，不同分支唯一地址，方便测试。

优势4：支持本地、测试、生产三种环境部署，仅仅是命令区别，上手成本极低。

优势5：丰富的集成能力，项目部署自动监控，端到端自动化测试等等。当然这些属于 vercel 自身的能力，但它可以为你提供集成入口，让这些成为你自动部署中自动进行的一步，比如构建生产后自动完成性能指标输出，自动化测试，以及后续项目监控等等。

使用流程：

步骤 1：创建 Vercel 账户

访问 https://vercel.com/ 并单击 "Sign Up"（注册）按钮。您需要提供必要的信息以创建 Vercel 账户。

比较推荐使用GitHub登陆

步骤 2：在vercel点击Overview菜单选项，点击按钮 New Project

在Import Project选项下，选择需要导入的项目

步骤三：点击Deploy按钮开始构建，在构建完项目之后，就可以通过vercel自动配置的子域名访问了。

下面是支持Vercel一键部署的热门项目：

1.ChatGPT-Next-Web

目前最火的第三方 ChatGPT 项目之一，部署简单，开箱即用，首选推荐。

项目地址：

https://github.com/Yidadaa/ChatGPT-Next-Web

Demo 地址：

https://chatgpt.coding-park.top

2.AutoGPT-Next-Web

基于 AgentGPT 封装的一键部署版本。

项目地址：

https://github.com/Dogtiti/AutoGPT-Next-Web

Demo 地址：

https://auto-agentgpt.com

3.go-proxy-bing

基于微软 New Bing 的演示站点，使用体验与原版无异。

项目地址：

https://github.com/adams549659584/go-proxy-bingai

Demo 地址：

https://bing.coding-park.top

4.NotionNext

基于 Notion + Vercel 一键搭建个人专属博客项目

项目地址：

https://github.com/tangly1024/NotionNext

Demo 地址：

https://blog.coding-park.top

02 Cloudflare

工具介绍：Cloudflare是一家知名的网络安全和性能优化公司，提供了一系列的网络服务，帮助网站提高安全性、性能和可用性。

Cloudflare的最大优势是是一款免费的加速工具。并且同时具有DNS解析功能，并且还有防攻击镜像，以及非常重要的SSL等功能。

优势所在：

优势1：安全防护能力大大提升

优势2：具备了防采集和防盗链

优势3：服务器性能优化更彻底

优势4：灵活的搜索引擎爬虫控制

使用步骤：

步骤1：注册账号

打开您的浏览器，访问Cloudflare官方网站：https://www.cloudflare.com。

点击网页右上角的 "Sign Up"（注册）按钮

步骤2：添加网站

登录您的Cloudflare账户。

在仪表板中，点击 "Add a Site"（添加网站）按钮。

步骤3：选择计划

选择一个适合您需求的计划，可以是免费版或付费版。

付费的主要区别在于不同数量的页面规则和WAF规则，个人付费是20美金每月，企业付费是200美金每月。免费版足够个人体验。

点击 "Continue with Free"（继续使用免费版）或选择付费计划并按照提示操作。

步骤4：更改域名服务器

在设置完成后，Cloudflare会为您提供两个新的域名服务器（Nameservers）。

登录您的域名注册商账户，在域名设置中更改现有的域名服务器为Cloudflare提供的新域名服务器。

步骤5：等待生效

更改域名服务器后，DNS更新可能需要几分钟或几小时才能生效。

一旦DNS更新完成，您的网站将开始通过Cloudflare运行。(注：到这一步网站就可以跑起来了，对于初学者来说下面的可以不用执行)

步骤6：配置安全设置

返回Cloudflare仪表板，探索不同的安全设置，如防火墙、SSL证书和DDoS防护等。

根据您的需求和网站类型，配置适当的安全设置以保护您的网站。

步骤7：性能优化

在Cloudflare仪表板中，探索性能优化选项，如缓存设置、图像优化和移动优化等。

针对您的网站内容和受众，调整这些选项以提高网站加载速度和性能。

步骤8：监控和报告

利用Cloudflare提供的监控和报告工具，实时追踪您的网站性能和安全情况。

通过仪表板上的数据和图表，了解访问量、攻击情况等关键信息。