使用zeit.co免费给网站添加CDN

Author： sunsea
发布时间：January 8, 2020
14873 views
9 comments
3011 words
Categories：网站搭建

一、ZEIT免费cdn的优点

添加简单
国内加速节点不错
免费的ssl，无需过多设置

目前发现的缺点应该就是流量较少只有20G，一般个人博客加速基本足够。

二、ZEIT简介

ZEIT 是免费的云平台，支持部署静态网站以及 Serverless 函数。Serverless 是近几年比较火的概念，简单去理解就是你只需要去实现具体的业务逻辑，而与最终服务相关的服务器、HTTP 服务等则由第三方管理。Serverless 又被称为 FaaS（函数即服务），由于业务粒度非常细，所以非常方便做动态扩容等自动化运维任务。
通过 ZEIT 提供的 CLI 工具 now，我们可以一条命令将 Node.js, Golang, Python, Ruby, PHP, Rust 等语言的应用部署到 ZEIT 上。

三、注册ZEIT

打开 https://zeit.co 点击右上角的 "Join Free"，使用 Github 或者 Gitlab 账号登录后会自动注册。当然你也可以使用邮箱注册，会发送一封确认邮件到你的邮箱。登录后会让你填写昵称、头像和唯一ID等配置。
选择 Continue 之后如果是通过邮箱登录进来的会问你是否需要绑定 Github 账号，可以让 Github 与 ZEIT 之间的持续集成更加方便，当然你也可以选择 SKIP 跳过。

使用邮箱注册ZEIT时无需设置密码，后续登录也不使用密码，会向邮箱发送一条确认链接。

四、安装`now`CLI命令

now命令通过npm来安装，可以在Linux下运行，也可以在Windows下运行。

1、在宝塔面板中安装

登录宝塔面板，打开软件商店，选择运行环境，翻到第2页，然后安装PM2管理器即可。
npm安装完成之后，在终端使用下面命令安装now。

npm i -g now

宝塔安装PM2管理器.jpg

2、在Windows系统中安装

从Node.js官网下载对应平台的安装程序。
在Windows上安装时务必选择全部组件，包括勾选Add to Path。
安装完成后，在Windows环境下，请打开命令提示符，然后输入node -v，如果安装正常，你应该看到有版本号输出。
然后再输入npm -v就能看到详细的npm版本号输出了。
安装好npm包管理器之后Windows和Linux的操作就相同了，在Windows命令行中输入下面命令。

npm i -g now

五、登录`now`并创建反代项目完成CDN初步设置

1、登录`now`

now login

之后会给你的邮箱发送一条确认链接，点击确认之后登录成功。

2、创建反代项目

新建反代项目文件夹并进入

mkdir proxy
cd proxy

3、创建项目配置文件并上传

在项目文件夹中新建now.json并写入下面内容。

{
  "name": "proxy",
  "version": 2,
  "routes": [
    {"src": "/(.*)","dest": "https://搭建好网站地址/$1"}
  ]
}

上传项目

now --prod

之后应该会看到

> Deploying ~/proxy under xxxx
> Using project proxy
> Synced 1 file [1s]
> https://proxy-xxxxx.now.sh [4s]
> Ready! Deployment complete [13s]
- https://proxy.xxxx.now.sh [in clipboard]

那个https://proxy.xxxx.now.sh就是你的项目地址,其实提供了两个地址，打开对应网址应该就能看到你的网站了。

既然采用的是反代的模式，所以网站不能开启防盗链功能，或者开启后添加白名单。

感谢hoofs大佬提供方法
https://www.hostloc.com/thread-631188-1-1.html

六、为网站绑定自定义域名

第五步的反代设置完成后，虽然加速了，但是网址却变成了别人的，所以需要绑定自己的域名。
绑定自定义域名ZEIT提供了设置nameserver为zeit的dns和cname两种方式，具体可参考官方文档。
https://zeit.co/docs/v2/custom-domains/
这里介绍cname的方法。

1、打开项目

访问 https://zeit.co/dashboard 后点选刚刚建立的proxy项目。

2、设置域名

打开项目后点击Domains选项按下图设置
域名绑定.jpg
点击Add后会给出上述两种绑定方式
选择cname方式后，可以看到cname要指向的域名和TXT验证内容，到自己的DNS提供商按照要求设置即可完成设定。

七、CDN速度测试

speedtest测试网站建在stablehost的虚拟主机上，测试百兆联通和20M移动的速度，晚间高峰测试效果还行。
当然那个延时是本地到代理再到网站的总时间，并不是到cdn的时间，目前访问给的cdn在台北，有50多ms。
联通测速.jpg
移动20M测速.jpg

本站由企鹅小屋强力驱动

Last modification：January 8, 2020

如果觉得我的文章对你有用，请随意赞赏

9 comments

woods
May 5th, 2020 at 10:42 pm

请教指定域名: 我在now.sh建个项目,能运行就是慢,没感觉cdn加速. 我按以前经验(freenom指向000webhostapp.com,cloudflare给freenom做cdn加速), 尝试同样的步骤,只是这次不是000webhost而是now,但不通,根本就没跳到now网址

Reply
1. sunsea
  May 10th, 2020 at 09:11 am
  
  @woods
  
  速度快慢应该跟指定方式没关系，先前使用是针对联通线路比较友好的，现在不用了不太清楚情况了。
  
  Reply
使用zeit.co免费给网站添加CDN R11; 4563博客@每日更新,本地保留
February 18th, 2020 at 01:51 am

[...]详细的安装配置过程见博客 https://sunsea.im/add-free-cdn-from-zeit.html[...]

Reply
小学生
February 12th, 2020 at 01:13 pm

选择cname方式后，可以看到cname要指向的域名和TXT验证内容，到自己的DNS提供商按照要求设置即可完成设定。
这步这个txt验证是怎么做？需要在根目录添加什么文件吗？ cname这个就好说了，这个txt验证是去dns管理处添加txt记录，主机记录是zeit给的一个网址，记录值就是那一串字符。这样就好了吗？我设置了，可zeit里面还是没显示成功

Reply
1. 小学生
  February 12th, 2020 at 01:17 pm
  
  @小学生
  
  好了，抱歉了。。。打扰了
  
  Reply
小旭
January 8th, 2020 at 03:33 pm

{
"name": "proxy",
"version": 2,
"routes": [
{"src": "/(.*)","dest": "https://test.com/$1"}
]
}
test.com怎么指定源站IP啊
因为test.COM是CDN

Reply
1. sunsea
  January 8th, 2020 at 05:56 pm
  
  @小旭
  
  这里的test.com是被反代的域名，所以建议使用二级域名。
  真正用于访问的域名在cname那里指定，所以源站IP用二级域名指定就好了。
  
  Reply
  1. 小旭
    January 9th, 2020 at 01:52 pm
    
    @sunsea
    
    遇到问题就是直接访问真正的域名会跳转到二级域名
    
    Reply
    
    sunsea
    January 12th, 2020 at 05:57 pm
    
    @小旭
    
    我觉得你可能是反代搞返了
    
    Reply

使用zeit.co免费给网站添加CDN

sunsea • 2020 年 01 月 08 日

<h2>一、ZEIT免费cdn的优点</h2><ol><li>添加简单</li><li>国内加速节点不错</li><li>免费的ssl，无需过多设置</li></ol><p>目前发现的缺点应该就是流量较少只有20G，一般个人博客加速基本足够。</p><h2>二、ZEIT简介</h2><p>ZEIT 是免费的云平台，支持部署静态网站以及 Serverless 函数。Serverless 是近几年比较火的概念，简单去理解就是你只需要去实现具体的业务逻辑，而与最终服务相关的服务器、HTTP 服务等则由第三方管理。Serverless 又被称为 FaaS（函数即服务），由于业务粒度非常细，所以非常方便做动态扩容等自动化运维任务。<br>通过 ZEIT 提供的 CLI 工具 now，我们可以一条命令将 Node.js, Golang, Python, Ruby, PHP, Rust 等语言的应用部署到 ZEIT 上。</p><h2>三、注册ZEIT</h2><p>打开 <span class="external-link"><a class="no-external-link" href="https://zeit.co" target="_blank"><i data-feather="external-link"></i>https://zeit.co</a></span> 点击右上角的 "Join Free"，使用 Github 或者 Gitlab 账号登录后会自动注册。当然你也可以使用邮箱注册，会发送一封确认邮件到你的邮箱。登录后会让你填写昵称、头像和唯一ID等配置。<br>选择 Continue 之后如果是通过邮箱登录进来的会问你是否需要绑定 Github 账号，可以让 Github 与 ZEIT 之间的持续集成更加方便，当然你也可以选择 SKIP 跳过。<br><div class="tip inlineBlock warning">

使用邮箱注册ZEIT时无需设置密码，后续登录也不使用密码，会向邮箱发送一条确认链接。
</div></p><h2>四、安装<code>now</code>CLI命令</h2><p><code>now</code>命令通过<code>npm</code>来安装，可以在Linux下运行，也可以在Windows下运行。</p><h3>1、在宝塔面板中安装</h3><p>登录宝塔面板，打开<code>软件商店</code>，选择<code>运行环境</code>，翻到第2页，然后安装<code>PM2管理器</code>即可。<br><code>npm</code>安装完成之后，在终端使用下面命令安装<code>now</code>。</p><pre><code class="lang-bash">npm i -g now</code></pre><p><img src="https://sunsea.im/usr/uploads/2020/01/1335349549.jpg" alt="宝塔安装PM2管理器.jpg" title="宝塔安装PM2管理器.jpg"style=""></p><h3>2、在Windows系统中安装</h3><p>从<span class="external-link"><a class="no-external-link" href="https://nodejs.org/zh-cn/download/" target="_blank"><i data-feather="external-link"></i>Node.js</a></span>官网下载对应平台的安装程序。<br>在Windows上安装时务必选择全部组件，包括勾选<code>Add to Path</code>。<br>安装完成后，在Windows环境下，请打开命令提示符，然后输入<code>node -v</code>，如果安装正常，你应该看到有版本号输出。<br>然后再输入<code>npm -v</code>就能看到详细的npm版本号输出了。<br>安装好npm包管理器之后Windows和Linux的操作就相同了，在Windows命令行中输入下面命令。</p><pre><code class="lang-bash">npm i -g now</code></pre><p><button class="btn m-b-xs btn-success  " onclick='window.open("https://www.liaoxuefeng.com/wiki/1022910821149312/1023025597810528","_blank")'>点此查看详细的Windows安装教程</button></p><h2>五、登录<code>now</code>并创建反代项目完成CDN初步设置</h2><h3>1、登录<code>now</code></h3><pre><code class="lang-bash">now login</code></pre><p>之后会给你的邮箱发送一条确认链接，点击确认之后登录成功。</p><h3>2、创建反代项目</h3><p>新建反代项目文件夹并进入</p><pre><code class="lang-bash">mkdir proxy
cd proxy</code></pre><h3>3、创建项目配置文件并上传</h3><p>在项目文件夹中新建<code>now.json</code>并写入下面内容。</p><pre><code>{
  &quot;name&quot;: &quot;proxy&quot;,
  &quot;version&quot;: 2,
  &quot;routes&quot;: [
    {&quot;src&quot;: &quot;/(.*)&quot;,&quot;dest&quot;: &quot;https://搭建好网站地址/$1&quot;}
  ]
}</code></pre><p>上传项目</p><pre><code class="lang-bash">now --prod</code></pre><p>之后应该会看到</p><pre><code>&gt; Deploying ~/proxy under xxxx
&gt; Using project proxy
&gt; Synced 1 file [1s]
&gt; https://proxy-xxxxx.now.sh [4s]
&gt; Ready! Deployment complete [13s]
- https://proxy.xxxx.now.sh [in clipboard]</code></pre><p>那个<code>https://proxy.xxxx.now.sh</code>就是你的项目地址,其实提供了两个地址，打开对应网址应该就能看到你的网站了。<br><div class="tip inlineBlock warning">

既然采用的是反代的模式，所以网站不能开启防盗链功能，或者开启后添加白名单。
</div><br><div class="tip inlineBlock info">

感谢hoofs大佬提供方法<br><span class="external-link"><a class="no-external-link" href="https://www.hostloc.com/thread-631188-1-1.html" target="_blank"><i data-feather="external-link"></i>https://www.hostloc.com/thread-631188-1-1.html</a></span>
</div></p><h2>六、为网站绑定自定义域名</h2><p>第五步的反代设置完成后，虽然加速了，但是网址却变成了别人的，所以需要绑定自己的域名。<br>绑定自定义域名ZEIT提供了设置nameserver为zeit的dns和cname两种方式，具体可参考官方文档。<br><span class="external-link"><a class="no-external-link" href="https://zeit.co/docs/v2/custom-domains/" target="_blank"><i data-feather="external-link"></i>https://zeit.co/docs/v2/custom-domains/</a></span><br>这里介绍cname的方法。</p><h3>1、打开项目</h3><p>访问 <span class="external-link"><a class="no-external-link" href="https://zeit.co/dashboard" target="_blank"><i data-feather="external-link"></i>https://zeit.co/dashboard</a></span> 后点选刚刚建立的<code>proxy</code>项目。</p><h3>2、设置域名</h3><p>打开项目后点击<code>Domains</code>选项按下图设置<br><img src="https://sunsea.im/usr/uploads/2020/01/1816122311.jpg" alt="域名绑定.jpg" title="域名绑定.jpg"style=""><br>点击<code>Add</code>后会给出上述两种绑定方式<br>选择cname方式后，可以看到cname要指向的域名和TXT验证内容，到自己的DNS提供商按照要求设置即可完成设定。</p><h2>七、CDN速度测试</h2><p>speedtest测试网站建在<span class="external-link"><a class="no-external-link" href="https://billing.stablehost.com/aff.php?aff=8178" target="_blank"><i data-feather="external-link"></i>stablehost</a></span>的虚拟主机上，测试百兆联通和20M移动的速度，晚间高峰测试效果还行。<br>当然那个延时是本地到代理再到网站的总时间，并不是到cdn的时间，目前访问给的cdn在台北，有50多ms。<br><img src="https://sunsea.im/usr/uploads/2020/01/1923554963.jpg" alt="联通测速.jpg" title="联通测速.jpg"style=""><br><img src="https://sunsea.im/usr/uploads/2020/01/2038144015.jpg" alt="移动20M测速.jpg" title="移动20M测速.jpg"style=""></p>

使用zeit.co免费给网站添加CDN

一、ZEIT免费cdn的优点

二、ZEIT简介

三、注册ZEIT

四、安装`now`CLI命令

1、在宝塔面板中安装

2、在Windows系统中安装

五、登录`now`并创建反代项目完成CDN初步设置

1、登录`now`

2、创建反代项目

3、创建项目配置文件并上传

六、为网站绑定自定义域名

1、打开项目

2、设置域名

七、CDN速度测试

9 comments

Leave a Comment Cancel reply

全能免手续费收款二维码-工银商户之家

修复“试图引用不存在的令牌”错误

Debian通过apt方式升级至最新内核

使用zeit.co免费给网站添加CDN

Ubuntu/Debian编译安装XMRig并配置hugepages

隐藏bat或者程序的启动运行窗口

Windows使用netsh完成端口转发

使用fping批量检测IP

Linux下彻底删除软件及配置文件

git使用https协议出错:Peer reports incompatible or unsupported protocol version.

使用zeit.co免费给网站添加CDN

一、ZEIT免费cdn的优点

二、ZEIT简介

三、注册ZEIT

四、安装nowCLI命令

1、在宝塔面板中安装

2、在Windows系统中安装

五、登录now并创建反代项目完成CDN初步设置

1、登录now

2、创建反代项目

3、创建项目配置文件并上传

六、为网站绑定自定义域名

1、打开项目

2、设置域名

七、CDN速度测试

9 comments

Leave a Comment Cancel reply

使用zeit.co免费给网站添加CDN

四、安装`now`CLI命令

五、登录`now`并创建反代项目完成CDN初步设置

1、登录`now`