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

2024-02-2507:42:08网站建设与开发Comments292 views字数 2247阅读模式

AI技术的快速发展，越来越多的独立开发者可以轻松打造自己的AI工具，其中Vercel和Cloudfare，是个人建站极为重要的两个开发神器。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

01 Vercel文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

工具介绍：Vercel是一个云计算和部署平台，它提供了一系列工具和服务，旨在帮助开发者更轻松地构建、部署和管理他们的应用程序。这使得开发团队能够更专注于应用程序的开发和创新，而无需过多关注基础设施管理。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

开发者在Vercel上一键部署应用程序确实非常方便，最重要的它还会自动生成一个免费的域名并且自带SSL证书也就是可以直接通过https进行访问，这为开发者节省大量经济成本文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

主要优势：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势1：个人版永久免费，每个月 100G 带宽，个人项目部署完全够用，需要注意的是团队模式收费，所以要协作你只能付费。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势2：内置 CI CD：你可以理解成一个黑盒，项目丢进去，只需要将项目导入 vercel ，一键命令自动部署。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势3：内置构建流程，支持代码推送、PR 自动触发构建，不同分支唯一地址，方便测试。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势4：支持本地、测试、生产三种环境部署，仅仅是命令区别，上手成本极低。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势5：丰富的集成能力，项目部署自动监控，端到端自动化测试等等。当然这些属于 vercel 自身的能力，但它可以为你提供集成入口，让这些成为你自动部署中自动进行的一步，比如构建生产后自动完成性能指标输出，自动化测试，以及后续项目监控等等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

使用流程：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

步骤 1：创建 Vercel 账户文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

访问 https://vercel.com/ 并单击 "Sign Up"（注册）按钮。您需要提供必要的信息以创建 Vercel 账户。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

比较推荐使用GitHub登陆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

步骤 2：在vercel点击Overview菜单选项，点击按钮 New Project文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

在Import Project选项下，选择需要导入的项目文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

步骤三：点击Deploy按钮开始构建，在构建完项目之后，就可以通过vercel自动配置的子域名访问了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

下面是支持Vercel一键部署的热门项目：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

1.ChatGPT-Next-Web

目前最火的第三方 ChatGPT 项目之一，部署简单，开箱即用，首选推荐。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

项目地址：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

https://github.com/Yidadaa/ChatGPT-Next-Web文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Demo 地址：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

https://chatgpt.coding-park.top文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

2.AutoGPT-Next-Web

基于 AgentGPT 封装的一键部署版本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器
项目地址：
https://github.com/Dogtiti/AutoGPT-Next-Web

Demo 地址：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

https://auto-agentgpt.com文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

3.go-proxy-bing

基于微软 New Bing 的演示站点，使用体验与原版无异。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器
项目地址：
https://github.com/adams549659584/go-proxy-bingai

Demo 地址：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

https://bing.coding-park.top文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

4.NotionNext

基于 Notion + Vercel 一键搭建个人专属博客项目文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器
项目地址：
https://github.com/tangly1024/NotionNext

Demo 地址：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

https://blog.coding-park.top文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

02 Cloudflare

工具介绍：Cloudflare是一家知名的网络安全和性能优化公司，提供了一系列的网络服务，帮助网站提高安全性、性能和可用性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Cloudflare的最大优势是是一款免费的加速工具。并且同时具有DNS解析功能，并且还有防攻击镜像，以及非常重要的SSL等功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

Vercel+Cloudfare：个人打造AI网站神器文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势所在：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势1：安全防护能力大大提升文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势2：具备了防采集和防盗链文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势3：服务器性能优化更彻底文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

优势4：灵活的搜索引擎爬虫控制文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html

使用步骤：
步骤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提供的监控和报告工具，实时追踪您的网站性能和安全情况。
通过仪表板上的数据和图表，了解访问量、攻击情况等关键信息。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/61190.html
  • 本站内容整理自互联网，仅提供信息存储空间服务，以方便学习之用。如对文章、图片、字体等版权有疑问，请在下方留言，管理员看到后，将第一时间进行处理。
  • 转载请务必保留本文链接：https://www.cainiaoxueyuan.com/cms/61190.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定