🛠️建站教程

type
status
date
summary
slug
tags
category
icon
password
记录这个网站的搭建过程,为想要搭建自己博客的小伙伴提供一些参考。

前言

本站的搭建主要基于Notionnext。依赖于这个项目,你可以只在Notion上进行写文章或配置即可实现对博客的更新,非常好用。项目主页:
由于博主是前端小白,最终选择的还是将项目托管于Vercel上。

建站步骤

Vercel部署Notionnext

这块内容,可以直接参考下面这个链接。

Vercel绑定自定义域名

由于Vercel提供的域名(*.vercel.app)已被大陆屏蔽,如果需要在国内访问你的博客,你需要一个新的域名。

准备一个域名

博主的域名是在腾讯云购买的,大家根据自己的喜好选择一个即可。
腾讯云域名购买链接:

Vercel控制台配置

在Vercel中进入到你的Notionnext项目,找到SettingDomainsAdd,在这里可以指定当前项目的绑定域名,一个项目可以绑定多个域名。这里我推荐先绑定根域名,比如博主的thriveyt.icu 。绑定完后,Vercel会提示添加一条A类型记录指向Vercel服务器 76.76.21.21。添加完根域名后,可以再绑定www.xxx.com,并将这个网站Redirect至你的根域名。
notion image
 
输入域名,并Add之后,如果看到域名下方有Invalid Configuration 提示,说明域名已经添加,但需要根据提示添加CNAME或Nameserver的方式激活它,图中所示是要在域名后台添加一条CNAME类型的解析,参数名hexo,值为cname.vercel-dns.com
notion image
这里博主使用的是CNAME绑定。

配置CNAME解析

博主是通过CloudFlare来进行CNAME配置的。从域名服务商购买的域名,默认都会提供一个解析服务,但这个服务是可选的,我们可以通过修改Nameserver的方式,交给CloudFlare或其他DNS服务商进行解析和托管。这里以腾讯云为例。
 
第一步,进入下方的CloudFlare控制台,注册并登录你的CloudFlare账号。
第二步,完成登录后,在账户主页这里找到添加域。
notion image
在输入现有域栏中输入你购买的域名。
notion image
完成后点击继续。
 
第三步。在CloudFlare添加完域名后,进入添加的域名控制台,找到侧边栏的DNS并进入。往下找到CloudFlare名称服务器,复制这两个服务器的值。
notion image
进入腾讯云的域名控制台,找到你的域名的基本信息栏,点击修改DNS服务器,选择自定义DNS,将刚刚复制的CloudFlare名称服务器输入并提交。
notion image
 
第四步。返回CloudFlare控制台。
点击添加记录。对于未进行过DNS解析的域名,首先要添加一条A记录。
这里博主用根域名(thriveyt.icu)进行添加,选择类型A,名称里面输入@ ,IPv4地址输入76.76.21.21 ,这是指向Vercel服务器的地址。
添加完A记录后,选择保存。还需添加一个CNAME记录。
同样的,类型选择CNAME,名称可以填www ,目标填cname-china.vercel-dns.com ,这是Vercel的CNAME服务器,在大陆访问速度较快。
notion image
 
Tips:如果添加完毕后,出现“没有证书覆盖此主机名的提示”,我们需要点击对应记录的编辑,将代理状态切换至仅DNS,然后保存。
 
第五步。完成好DNS配置后,在控制台侧栏找到SSL/TLS并进入。将SSL/TLS加密模式切换至完全,否则会因为证书不匹配导致反复重定向而打不开网页

完成效果

全部完成后,你的Vercel控制台域名界面应如下图所示。至此,你的个人域名就成功绑定在Vercel服务器上了。
notion image

Twikoo评论插件配置

Twikoo插件无需Github登录,并且基于MongoDB管理,使用起来比较安全。大家按照链接中的步骤进行配置即可。
 
Prev
C4 Streams介绍
Next
关于秋招
Loading...