前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo博客添加Twikoo评论插件|技术创作特训营第一期

Hexo博客添加Twikoo评论插件|技术创作特训营第一期

原创
作者头像
小颜同学
发布2023-08-16 17:39:31
9210
发布2023-08-16 17:39:31
举报
文章被收录于专栏:原创笔记原创笔记

前言:

如果你的hexo博客支持Twikoo评论插件,不妨试着配置一下,它支持邮件提醒、甚至微信提醒等。可以说是目前最好的评论系统,并且长期免费。本博客未来将会采用此插件!

准备工作:

1.申请MongoDB数据库账号

这里我们选择申请一个MongoDB账号,进入之后注册一个账号,这里省略注册过程。

image-20230307111255675
image-20230307111255675
2.创建数据库

选择免费的数据库,类型选择Shared,区域选择aws,N.Virginia,选择美国东部,因为后面要用到vercel,节点会靠近一些。

image-20230307113106856
image-20230307113106856
3.配置数据库

创建完数据库之后就是这个样子,点击connect

image-20230307113350247
image-20230307113350247

这里我选择的是第二个Connect you application

image-20230307113524533
image-20230307113524533

然后记住这个连接字符串,后面会用到,其中的<password>为刚刚设置的数据库的账户密码。

image-20230307121912949
image-20230307121912949
4.vercel

vercel算是我用过最好的网站托管服务,它类似于github page,但是比github page要强大,速度也要快的多,最重要的是它免费!另外vercel也支持自动配置https,不用你自己去SSL申请证书,所以真的是懒人必备,目前vercel也支持模板部署,其中就有hexo的很多模板。

那么下面我们来注册一个vercel账号,可以选择Github登录也可以选择邮箱注册。

image-20230307115014602
image-20230307115014602

那么登录之后就是这个样子,这个是我已经创建的一个

image-20230307120617125
image-20230307120617125

新建一个project

image-20230307121122345
image-20230307121122345

等待创建完毕,可以点击DOMAINS查看云函数运行是否正常,另外这个网址就是你的环境ID

image-20230307121157593
image-20230307121157593
image-20230307121317896
image-20230307121317896

另外还需要配置连接mongodb的URI,点击settings,选择Environment Variables,左边是uri,右边是刚刚在mongodb的连接字符串

image-20230307121540195
image-20230307121540195

注意:因为vercel的服务器在国外,所以在国内可能会被墙,这个时候就需要用到我们自己的域名。

5.解决vercel被墙

看到vercel的settings界面,选择Domains,这个就是可以添加我们自己的域名上去,然后这里的建议是我们添加一个自定义的二级域名(这样就可以防止抢占我们的博客主域名,防止404的情况出现)例如xxx.wangyoustudio.cn,前面的xxx就是自定义的内容

添加之后会出现这个,我们复制CNAME,添加一个二级域名,前面是自定义的内容,线路类型选择CName,然后复制进去

image-20230307123815190
image-20230307123815190
image-20230307123924288
image-20230307123924288

也可以用我我的方式添加,可能需要等待10分钟的解析

主机记录

记录类型

解析请求来源(isp)

记录值

TTL

twikoo

CNAME

默认

cname.vercel-dns.com

10 分钟

@

A

默认

76.76.21.21

10 分钟

首先以腾讯云服务器为例子,本网站的服务器是在腾讯云购买的,我们进入腾讯云主页选择DNS解析

可以看到我已经是有一个域名的,我们直接选择解析

image-20230307123235813
image-20230307123235813

成功之后就会显示蓝色的勾,像下面这样。这就是能加速到国内防止被墙的方法啦!

image-20230307124235439
image-20230307124235439
6.hexo配置

最后我们打开hexo的博客目录,找到config.yml文件,找到评论配置,不同的主题地方不一样,所以给个图片给大家参考:

image-20230307124431160
image-20230307124431160

将我们之前的环境ID复制进去就可以使用啦!

最后我们来看看效果:

image-20230307124519526
image-20230307124519526

选题思路:

Hexo是一个快速、简洁、灵活的静态博客框架,而Twikoo是一个功能强大、易用、免费的评论插件。在Hexo博客中添加Twikoo评论插件,可以让读者在文章下方直接进行评论,方便快捷,同时也可以提高文章的互动性和可读性。在目前的博客系统当中,一个不需要登陆的评论系统当然会受到广大用户的欢迎。

写作提纲:

1.引言

如果你的hexo博客支持Twikoo评论插件,不妨试着配置一下,它支持邮件提醒、甚至微信提醒等。可以说是目前最好的评论系统,并且长期免费。本博客未来将会采用此插件!

2.Twikoo评论插件的特点和优势

支持多种评论方式、支持邮件提醒、支持微信提醒、支持评论区管理、支持多语言、安全可靠

3.如何使用Twikoo

申请MongDB数据库账号、使用Vercel托管部署、绑定MongDB、在Hexo博客安装

4.总结

在Hexo博客中添加Twikoo评论插件,需要先下载插件并解压到Hexo博客的plugins目录中,然后修改评论配置,安装依赖,并重启Hexo博客。在使用Twikoo评论插件时,需要开启评论功能,并根据需要配置相关参数。Twikoo评论插件是一款功能强大、易用、免费的评论插件,可以为Hexo博客带来更多的互动和交流,方便用户进行评论管理和维护。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言:
    • 准备工作:
    相关产品与服务
    云数据库 MongoDB
    腾讯云数据库 MongoDB(TencentDB for MongoDB)是腾讯云基于全球广受欢迎的 MongoDB 打造的高性能 NoSQL 数据库,100%完全兼容 MongoDB 协议,支持跨文档事务,提供稳定丰富的监控管理,弹性可扩展、自动容灾,适用于文档型数据库场景,您无需自建灾备体系及控制管理系统。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档