🛠️建站教程
type
status
date
summary
slug
tags
category
icon
password
记录这个网站的搭建过程,为想要搭建自己博客的小伙伴提供一些参考。
前言
本站的搭建主要基于Notionnext。依赖于这个项目,你可以只在Notion上进行写文章或配置即可实现对博客的更新,非常好用。项目主页:
由于博主是前端小白,最终选择的还是将项目托管于Vercel上。
建站步骤
Vercel部署Notionnext
这块内容,可以直接参考下面这个链接。
Vercel绑定自定义域名
由于Vercel提供的域名(*.vercel.app)已被大陆屏蔽,如果需要在国内访问你的博客,你需要一个新的域名。
准备一个域名
博主的域名是在腾讯云购买的,大家根据自己的喜好选择一个即可。
腾讯云域名购买链接:
Vercel控制台配置
在Vercel中进入到你的Notionnext项目,找到
Setting
→Domains
→Add
,在这里可以指定当前项目的绑定域名,一个项目可以绑定多个域名。这里我推荐先绑定根域名,比如博主的thriveyt.icu
。绑定完后,Vercel会提示添加一条A类型记录指向Vercel服务器 76.76.21.21
。添加完根域名后,可以再绑定www.xxx.com
,并将这个网站Redirect至你的根域名。输入域名,并Add之后,如果看到域名下方有
Invalid Configuration
提示,说明域名已经添加,但需要根据提示添加CNAME或Nameserver的方式激活它,图中所示是要在域名后台添加一条CNAME类型的解析,参数名hexo
,值为cname.vercel-dns.com
。这里博主使用的是CNAME绑定。
配置CNAME解析
博主是通过CloudFlare来进行CNAME配置的。从域名服务商购买的域名,默认都会提供一个解析服务,但这个服务是可选的,我们可以通过修改Nameserver的方式,交给CloudFlare或其他DNS服务商进行解析和托管。这里以腾讯云为例。
第一步,进入下方的CloudFlare控制台,注册并登录你的CloudFlare账号。
第二步,完成登录后,在账户主页这里找到添加域。
在输入现有域栏中输入你购买的域名。
完成后点击继续。
第三步。在CloudFlare添加完域名后,进入添加的域名控制台,找到侧边栏的DNS并进入。往下找到CloudFlare名称服务器,复制这两个服务器的值。
进入腾讯云的域名控制台,找到你的域名的基本信息栏,点击修改DNS服务器,选择自定义DNS,将刚刚复制的CloudFlare名称服务器输入并提交。
第四步。返回CloudFlare控制台。
点击添加记录。对于未进行过DNS解析的域名,首先要添加一条A记录。
这里博主用根域名(thriveyt.icu)进行添加,选择类型A,名称里面输入
@
,IPv4地址输入76.76.21.21
,这是指向Vercel服务器的地址。添加完A记录后,选择保存。还需添加一个CNAME记录。
同样的,类型选择CNAME,名称可以填
www
,目标填cname-china.vercel-dns.com
,这是Vercel的CNAME服务器,在大陆访问速度较快。Tips:如果添加完毕后,出现“没有证书覆盖此主机名的提示”,我们需要点击对应记录的编辑,将代理状态切换至仅DNS,然后保存。
第五步。完成好DNS配置后,在控制台侧栏找到SSL/TLS并进入。将SSL/TLS加密模式切换至完全,否则会因为证书不匹配导致反复重定向而打不开网页
完成效果
全部完成后,你的Vercel控制台域名界面应如下图所示。至此,你的个人域名就成功绑定在Vercel服务器上了。
Twikoo评论插件配置
Twikoo插件无需Github登录,并且基于MongoDB管理,使用起来比较安全。大家按照链接中的步骤进行配置即可。
Prev
C4 Streams介绍
Next
关于秋招
Loading...