优化,加插件,自定义域名
个性化页面展示
页面效果如下:

1. 浏览器tab页名称
修改根目录下 _config.yml 中的 title 字段。

2. 博客标题
修改根目录下_config.fluid.yml文件中的 blog_title 字段。

3. 博客主页正中间的文字
修改根目录下_config.fluid.yml文件中的 text 字段。

添加文章阅读量统计(基于LeanCloud)

Fluid 主题写好了统计阅读量的代码,需要借助三方服务来统计阅读量,这里是有 Leancloud 的免费服务来进行统计。
1. 申请LeanCloud账号
进入 官网 注册账号,需实名认证,验证手机号、验证邮箱 ☺,怎么不验我户口本呢真的是。

记录AppID、AppKey、REST API 服务器地址

2. 修改Fluid配置
修改根目录下_config.fluid.yml文件中,搜索web_analytics字段:
打开统计开关,配置 leancloud的 app_id 和 app_key 和 server_url
打开计数功能,统计来源改为 leancloud
添加博客阅读量统计(基于LeanCloud)
页面底部展示网站的 PV、UV 统计数,这个功能需要先配置`web_analytics: leancloud`

修改根目录下_config.fluid.yml文件中,搜索statistics字段:具体的代码照抄就可以
3
1
source: "leancloud"2
pv_format: "总访问量 {} 次" 3
uv_format: "总访客数 {} 人"

添加评论功能(基于LeanCloud)
查看页面效果:

1. 开启评论
修改根目录下_config.fluid.yml文件中,找到 comments 关键字修改如下配置:

找到评论插件:

2. 增加博主、小伙伴标识以及浏览器图标
打开 \themes\fluid\layout\_partials\comments\valine.ejs 文件,添加三行代码:
3
1
master: "<%= theme.valine.master%>",2
friends: "<%= theme.valine.friends%>",3
tagMeta: ["博主","友人","小伙伴"],

修改根目录下_config.fluid.yml文件中,找到 评论关键字修改如下配置:

这里的MD5,就是你邮箱的md5值,推荐用这个工具,一定要全小写
2
1
master: aa03fe062a68a50fb6914400adb8402a # 你邮箱的md5加密(百度md5在线加密),要纯小写2
friends: 83227dac0bdcf38659e7ea5e7a05be64,0173939xxxxx32a8cffc288b046dc # 好友邮箱的md5加密修改根目录下_config.fluid.yml文件中,拉到最下面,替换原来的valine:
1
1
valinehttps//cdn.jsdelivr.net/gh/HCLonely/Valine@latest/dist/

3. 添加每日一句

打开 \themes\fluid\layout\_partials\comments\valine.ejs 文件,添加代码:
7
1
fetch('https://v1.hitokoto.cn')2
.then(response => response.json())3
.then(data => {4
document.getElementById("veditor").setAttribute("placeholder",data.hitokoto+"__"+data.from);5
})6
.catch(console.error)7
console.log("每日一句加载完成")

4. 评论系统添加pushplus提醒
由于 LeanCloud 的各种“你懂的”的原因,现在国内节点需要备案等等限制.
加上自己又想白嫖 LeanCloud 来实现浏览量+评论+pushplus通知一条龙服务.
网上也没有很好的综合文档,所以这里整理一份完整的操作步骤
效果:

Fork我这个项目:
https://github.com/aikunzhe/leancloud_message_push

配置action的值:
LEANCLOUD_APP_ID (leancloud的AppID)
LEANCLOUD_APP_KEY (leancloud的AppKey)
LEANCLOUD_API_SERVER (leancloud的REST API 服务器地址)
PUSHPLUS_TOKEN (pushplus的tokern)
SITE_URL (这个是github page地址:https://xxxxxx.github.io)


配置leancloud
创建一个Comment_messpush,

添加列:

详细原理:
1. 通过github aciotn,定时调用项目的server.js文件。\.github\workflows\deployment.yml

2. \server.js
- 初始化 LeanCloud SDK
- 获取 Comment_messpush 表的一条数据(这里存放一个最近一次获取评论的时间time)
- 搜索 Comment 表的数据,搜索条件:insertedAt >time (就是获取比time新的数据) ,按 insertedAt 降序排序。 把第一条数据的insertedAt 记录起来为newTime
- 把评论数据推送到pushplus
- 更新 Comment_messpush 表,把newTime更新到 time 字段。
添加文章加密插件(todo)
自定义个性化域名
添加域名解析(注:使用自定义域名,需要将记录类型修改为 CNAME 将域名指向另一个域名,记录值修改为 GitHub对应仓库名,如:xxxxx.github.io)
假设这里自己的域名是blog.qwe.top 对应GitHub的zhangsanfeng.github.io

在GitHub 中设置新的注册的域名(具体位置:Settings --> Pages --> Custom domain),之后保存。
填入:blog.qwe.top

在源文件的source文件夹里添加CNAME文件, 文件内容就写你的域名 ,通过hexo g命令生成后(或者其他方式),就会自动出现在publish里。
填入:blog.qwe.top

然后回去检查:

本文链接: 优化,加插件,自定义域名 https://aikunzhe.github.io/p/hexo/1699466263265.html
版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!

