关于Vercel被墙导致获取Twikoo评论失败的解决方案

关于Vercel被墙导致获取Twikoo评论失败的解决方案_第1张图片

原文链接:关于Vercel被墙导致获取Twikoo评论失败的解决方案

前言

由于 Vercel 官方域名的 Dns 污染问题,导致 Vercel 部署的 Twikoo 评论无法正常获取数据。在配置 Twikoo 评论时,如果 envId 用了 vercel 自带的域名(类似 https://xxxxx.vercel.app/),则会遇到以上问题。

解决方案是用自定义的域名去代替 vercel 的域名,详情可参考 custom-domains#dns-records

步骤

创建二级域名

这里主要讲到添加二级域名的步骤,由于本人是阿里云的域名,因此以阿里云为示范。
我的一级域名是tzy1997.com,二级域名twikoo.tzy1997.com。这里的二级域名,名字(xxx.tzy1997.com)随便取即可。
  1. 登录进入 阿里云服务器工作台 ,搜索域名。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第2张图片
  2. 点击【控制台入口】子项【域名】,进入域名控制台,点击【域名列表】。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第3张图片
  3. 点击目标域名操作中的【解析】进入【解析设置】界面,点击左侧栏目【域名解析】进入【域名解析】页面。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第4张图片
  4. 在【域名解析】中点击【添加域名】,出现下图:
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第5张图片
  5. 点击【TXT授权校验】,出现以下信息,记得保存好该信息。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第6张图片
  6. 进入【解析设置】界面,点击【添加记录】,将上一步的信息填入对应信息即可。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第7张图片
  7. 添加好记录之后,回到第5步中,点击验证过后,会出现【已验证成功,确认添加域名】。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第8张图片
  8. 点击【已验证成功,确认添加域名】该按钮,二级域名就创建好了。
    关于Vercel被墙导致获取Twikoo评论失败的解决方案_第9张图片

将二级域名解析到 Vercel

可参考该文档 custom-domains#dns-records ,在二级域名中添加如下两条解析记录即可。

关于Vercel被墙导致获取Twikoo评论失败的解决方案_第10张图片

也可以用我我的方式添加:

主机记录 记录类型 解析请求来源(isp) 记录值 TTL
twikoo CNAME 默认 cname.vercel-dns.com 10 分钟
@ A 默认 76.76.21.21 10 分钟

Vercel 项目中添加 Domains

进入【Project Settings】->【Domains】添加域名即可。

关于Vercel被墙导致获取Twikoo评论失败的解决方案_第11张图片

替换 envId

在主题配置文件_config.butterfly.yml中修改以下内容,将你的环境id填入对应位置

# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
envId: https://twikoo.tzy1997.com/
region:
visitor: true
option:

最后别忘了重新编译运行,运行之后即可看到效果。

你可能感兴趣的:(前端hexo)