介绍
Vercel你可以理解为跟Heroku差不多的东西,总之就是可以搭建动态/静态网站(不过动态网站需要一点特殊手段)
此外Vercel用起来应该算是比较麻烦。。。?
安装NPM
首先你要安装Node.js
如果你正在使用Windows的话,NPM可能不太友好
当然你也可以去用CloudStudio或者goorm这类的IDE服务,有小鸡的也行,这样子就不用在你自己电脑装NPM了
安装Vercel CLI
Vercel CLI的安装需要使用root权限,如果你是在普通用户的环境下安装记得加sudo
使用NPM安装
sudo npm i -g vercel
登录Vercel
vercel login
如果你Vercel帐号是使用Github登录的直接Github就可以了
建立脚本
在你自己喜欢的地方新建一个文件夹,文件夹名字随你自己取一个
然后在里面新建一个json文件,比如proxy.json
输入以下内容
{
"name": "这个名字可以随便填",
"version": 2,
"routes": [
{"src": "/(.*)","dest": "网址/$1"}
]
}
网址后面的*/$1*要保留,记得带协议头(http或https)
例如我自己博客的:
{
"name": "BlogProxy",
"version": 2,
"routes": [
{"src": "/(.*)","dest": "https://blog.lanta.cyou/$1"}
]
}
注意
如果你想要你自己的主域名使用Vercel反代,请给你的网站另外安排一个子域名
网站里面如果有以前的资源引用不用改域名,直接用就可以了
因为你的最终访问地址依旧是你的主域名
上传至Vercel
vercel -A 文件名.json --prod
首先第一个他会问你是不是要把这个文件夹里面的文件上传至Vercel,这里肯定要Yes
Set up and deploy “~/Documents/vercel-proxy”? [Y/n] y
第二个问你上传至哪个帐号的Vercel,我们就绑定了一个Vercel的账号,如果你绑定了多个请你自行选择
Which scope do you want to deploy to? 帐号
第三个问你连接到哪个现成的Vercel项目,直接输入项目名
What’s the name of your existing project? 项目名
如果你没有创建好的项目,请输入N,他就可以帮你创建项目
然后等他跑完就可以了
绑定域名
到Vercel的项目设置添加域名
同时,你的域名要解析到Vercel
类型 | 名称 | 内容 |
---|---|---|
CNAME | 你的域名 | cname.vercel-dns.com |
设置好之后点击Refresh即可
域名的DNS管理我建议用Cloudflare,秒解析挺好的
但是记得添加域名的时候把黄色的小云给关掉,也就是灰色小云
否则Vercel的加速等于没有,就用了Cloudflare的CDN了
检查是否生效
直接ping然后查IP
甚至你还可以直接访问他的IP
这样就搞定了
疑难解答
子域名?主域名?
如果你想要你的主域名可以访问到博客,就要给你的博客先分配一个子域名
这里用一张图来表示
如图所示,反代过去之后的网址会从原先的blog.lantacn.xyz变成lantacn.xyz
所以通过这种方式就可以继续给你的博客使用主域名
为什么我这边这么慢?
地区问题,我的朋友iVampireSP他那边江苏乱墙
在我发现Waline这个东西的时候,试了一下,发现这是个好东西,所以我就没有用Valine了