Hexo评论Twikoo+Vercel
操作步骤
- 发现hexo评论不管用了,说明有可能数据库被关闭了,https://cloud.mongodb.com/
- 打开网址检查是否关闭。如果关闭重新打开,并且创建新的用户。
- 然后复制链接 例子:mongodb+srv://ban:
<db_password>@cluster0.eukfmxs.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0 - ban和db_password改为新创建的用户
- 打开 https://vercel.com/
- 进入【Settings】->【Environment Variables】,添加环境变量【MONGODB_URI】时,目标字符串中的
是否替换成mongodb中的【数据库密码】。
修改后,重新部署,显示 - Vercel Domains(包含 https:// 前缀,例如 https://xxx.vercel.app)即为您的环境 id
- 进入【Settings】->【Environment Variables】,添加环境变量【MONGODB_URI】时,目标字符串中的
- 重新部署
截图如下:





描述
主要用到下边3个:
- Twikoo官网:https://twikoo.js.org/backend.html
- Vercel官网:https://vercel.com/
- 数据库mongodb官网:https://cloud.mongodb.com/
新增 操作步骤
- 在mongodb0->cluster0->test库->新增表fit
- Github
- -> 新增banFits.js https://github.com/ruiLearning/banApi/blob/main/api/banFits.js
- -> 代码提交
- -> 然后vercel会重新发布
- -> 得到新的Api https://ban-api-puce.vercel.app/api/banFits
- ruiLearningCode/source/js/tasks.js修改
- API_CONFIG 新增 fit: “https://ban-api-puce.vercel.app/api/banFits“,
- 如果需要新增js
- 在需要用的地方添加
健身列表 --> 1
2
3
4
5
6
7
8<div id="task-container-fit" class="task-container">
<h3 style="margin-bottom:12px;">我的健身任务清单</h3>
<div class="add-task-box">
<input id="new-task-title-fit" placeholder="输入新任务标题...">
<button onclick="addTask('fit')">+</button>
</div>
<div id="task-list-fit"></div>
</div>
Tips
1 | |
Vercel官网:https://vercel.com/ 进入【Settings】->【Environment Variables】,添加环境变量【MONGODB_URI】时,目标字符串中的<password>是否替换成了 第 3 步中的【数据库密码】。 修改后,重新部署,
结果 显示
1 | |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Rui's Zone!
评论