目 录CONTENT

文章目录

Vercel 部署Twikoo评论教程

米尔嘉
2023-07-01 / 0 评论 / 0 点赞 / 394 阅读 / 882 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-07-24,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

云函数部署

写在前面

MongoDB
https://www.mongodb.com/cloud/atlas/register
部署文档
https://twikoo.js.org/quick-start.html#vercel-部署
部署视频
https://www.bilibili.com/video/BV1Fh411e7ZH

1. 申请 MongoDB 账号

2. 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1)

3. 在 Clusters 页面点击 CONNECT,按步骤设置允许所有 IP 地址的连接(为什么?),创建数据库用户,并记录数据库连接字符串,请将连接字符串中的 <password> 修改为数据库密码

4. 申请 Vercel 账号

5. 点击以下按钮将 Twikoo 一键部署到 Vercel

6. 进入 Settings - Environment Variables,添加环境变量 MONGODB_URI,值为第 3 步的数据库连接字符串


评论一

谷歌邮箱登录MongoDB网站minterjia@gmail.com

mongodb+srv://minterjia:zl...@cluster0.rikjttk.mongodb.net/?retryWrites=true&w=majority

绑定的域名为:https://twikoo.butterfly-dev.com


评论二

QQ邮箱登录MongoDB网站431074198@qq.com

mongodb+srv://minterjia:zl9.@cluster0.wllmd8i.mongodb.net/?retryWrites=true&w=majority

绑定的域名为:https://twikoo.butterfly.top


7. 进入 Deployments , 然后在任意一项后面点击更多(三个点) , 然后点击Redeploy , 最后点击下面的Redeploy

8. 进入 Overview,点击 Domains 下方的链接,如果环境配置正确,可以看到 “Twikoo 云函数运行正常” 的提示

9. Vercel Domains(包含 https:// 前缀,例如 https://xxx.vercel.app)即为您的环境 id

由于vercel提供的域名被墙了,需要自定义域名
https://twikoo.butterfly-dev.com
https://twikoo.butterfly.top

前端部署

在 Hexo主题中使用

待补充…

通过 CDN 引入

<div id="tcomment"></div>
<script src="https://cdn.staticfile.org/twikoo/1.6.16/twikoo.all.min.js"></script>
<script>
twikoo.init({
  envId: '您的环境id', // 腾讯云环境填 envId;Vercel 环境填地址(https://xxx.vercel.app)
  el: '#tcomment', // 容器元素
  // region: 'ap-guangzhou', // 环境地域,默认为 ap-shanghai,腾讯云环境填 ap-shanghai 或 ap-guangzhou;Vercel 环境不填
  // path: location.pathname, // 用于区分不同文章的自定义 js 路径,如果您的文章路径不是 location.pathname,需传此参数
  // lang: 'zh-CN', // 用于手动设定评论区语言,支持的语言列表 https://github.com/imaegoo/twikoo/blob/main/src/client/utils/i18n/index.js
})
</script>

建议使用 CDN 引入 Twikoo 的用户在链接地址上锁定版本,以免将来 Twikoo 升级时受到非兼容性更新的影响。

更换 CDN 镜像

如果遇到默认 CDN 加载速度缓慢,可更换其他 CDN 镜像。以下为可供选择的公共 CDN,其中一些 CDN 可能需要数天时间同步最新版本:

开启管理面板(Vercel 环境)

点击评论窗口的“小齿轮”图标,设置管理员密码

针对 Vercel 部署的更新方式

1.进入 Vercel 仪表板 - twikoo - Settings - Git

2.点击 Connected Git Repository 下方的仓库地址

3.打开 package.json,点击编辑

4.将 "twikoo-vercel": "x.x.x" 其中的版本号修改为最新版本号。点击 Commit changes

5.部署会自动触发,可以回到 Vercel 仪表板,查看部署状态

0

评论区