优化,加插件,自定义域名

002 优化,加插件,自定义域名等

个性化页面展示

页面效果如下:

4c6be5c7-838c-4f7e-8ad5-0b1c3a430b1a.jpg


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

91a416de-e2a2-464a-92c3-8da6ce10bb25.png


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

8f801311-c818-4913-a323-846b2e3242d3.png


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

018041ac-450e-434e-b9fb-b6d6334484d0.png



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

700fc591-77d7-448b-b106-515438c706be.jpg


Fluid 主题写好了统计阅读量的代码,需要借助三方服务来统计阅读量,这里是有 Leancloud 的免费服务来进行统计。

1. 申请LeanCloud账号

进入 官 注册账号,需实名认证,验证手机号、验证邮箱 ☺,怎么不验我户口本呢真的是。

66da67eb-620f-470c-b3a9-6890b19c5080.png

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

2c0b1e93-f647-4e39-a519-d266b08b64c0.png


2. 修改Fluid配置

修改根目录下_config.fluid.yml文件中,搜索web_analytics字段:
打开统计开关,配置 leancloud的 app_id 和 app_key 和 server_url

df78f419-8249-4cfc-bdc1-d0d46b6a78b3.png


打开计数功能,统计来源改为 leancloud

d6d0c569-b6cd-4930-956f-06a5f228f486.png








添加博客阅读量统计(基于LeanCloud)

页面底部展示网站的 PV、UV 统计数,这个功能需要先配置`web_analytics: leancloud`

fdc25a65-286b-49cb-9af9-963b3320672a.png


修改根目录下_config.fluid.yml文件中,搜索statistics字段:具体的代码照抄就可以

367a254c-ee45-4929-93fd-1452ad11a157.png






添加评论功能基于LeanCloud)

查看页面效果:

325e6015-da38-4590-a039-30df51a88586.png


1. 开启评论

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

cdb3b326-7b67-48e8-a7d9-da367795a55c.png

找到评论插件:

9dcb3e3a-41e0-4a10-ae72-eab268f8e5b8.png


2. 增加博主、小伙伴标识以及浏览器图标

打开 \themes\fluid\layout\_partials\comments\valine.ejs 文件,添加三行代码:

87a6f3e5-6f48-41f4-9ac5-7d1bf8a24bf9.png



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

068c8d31-fc1b-480a-a719-ae1ec3932bc8.png

这里的MD5,就是你邮箱的md5值,推荐用这个工具,一定要全小写


修改根目录下_config.fluid.yml文件中,拉到最下面,替换原来的valine:

2b725688-d144-4521-af33-1a848283852c.png


3. 添加每日一句

ba50a70c-9ae4-478b-a136-ffc0450b0e6d.png


打开 \themes\fluid\layout\_partials\comments\valine.ejs 文件,添加代码:

4a61d8e8-ea76-42b1-886d-eeeb209b3da3.png





4. 评论系统添加pushplus提醒

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

1ec9647b-5bbb-4a84-b459-bc09b4f90830.png






Fork我这个项目:

https://github.com/aikunzhe/leancloud_message_push

aee4833b-472e-4d79-b823-ffd617521fc7.png

配置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)

d20b4f17-8c93-44de-874d-73dcfe113517.png


d26765c5-3db0-47bf-8fbd-c83bb7c353e5.jpg


配置leancloud

创建一个Comment_messpush,

ba33dfcc-4d1f-45ef-9223-a656f5a08796.png

添加列:

d71c60c9-ff8c-49ea-bd04-9841e57b7a9a.png



详细原理:

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

54cebf78-0427-4ce6-aec4-b6ed2410ab61.png


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

0b25074c-d12f-46cf-b016-160216833d24.png



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

ae755e95-07bc-48d7-8d43-743373b1024e.png



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

31683c9c-e1bb-4c8e-846d-1da1258a09e1.png



然后回去检查:

eca0efb2-966d-4642-8618-5d7dc5e91bcf.png



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