网站技术栈
基本框架
基本框架hexo,不多说,主题是猕猴桃主题,提前预留好了接口后期方便爆改
评论区
首先是评论区系统的实现,使用twikoo系统,需要数据库作为后端存储,数据库类型为mongdb
- 首先是mongdb数据库,访问网址https://www.mongodb.com/zh-cn/pricing 进行注册,
- 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1)
- 在 Clusters 页面点击 CONNECT,按步骤设置允许所有 IP 地址的连接1
- 创建数据库用户,并记录数据库连接字符串,请将连接字符串中的
修改为数据库密码 - 注册vercel账户,你也可以在下面一键部署的时候注册
- 进入 Settings - Environment Variables,添加环境变量 MONGODB_URI,值为上面的的数据库连接字符串
- 进入 Deployments , 然后在任意一项后面点击更多(三个点) , 然后点击Redeploy , 最后点击下面的Redeploy进行重新部署
- 进入 Overview,点击 Domains 下方的链接,如果环境配置正确,可以看到 “Twikoo 云函数运行正常” 的提示
- Vercel Domains(包含 https:// 前缀,例如 https://xxx.vercel.app)即为您的环境 id
这是我的部署过程,如果你需要使用其他平台请参考twikoo的文档https://twikoo.js.org/quick-start.html
具体步骤引用自:https://twikoo.js.org/quick-start.html#vercel-%E9%83%A8%E7%BD%B2
首页ip访问
使用腾讯地图api进行调用
懒得搬了,https://ichika.cc/Article/beautiful_IPLocation/ 自己看吧
基本就是这些了,摆烂
Footnotes
- 因为vercel使用的是动态ip,每次连接的ip都不一样所以就需要放行全部ip,其他平台请根据平台的文档进行取舍或者也一样全部放开。 ↩