欢迎光临散文网 会员登陆 & 注册

《优化》Typecho-handsome主题下实现评论一键打卡、赞、踩功能并集成图片上传功能

2023-07-29 01:09 作者:小桑哥i  | 我要投稿

注意:本教程仅在 handsome 主题下通过测试,其它平台请自行 DIY 。

根据网友教程基础进行修改

网友版本bug/不足点

  1. 按钮不是固定的,点击后按钮消失

  2. 固定输出语句,不能自定义

修改内容:

  1. 增加随机语录

  2. 随机输出文字,不是固定语句

  3. 固定按钮始终在页面上显示,不会因点击后消失

  4. 增加图片上传链接、插入图片自动返回img链接到评论框(方法来自陶小桃[1]),文章了做整合。


图片


  • 效果展示

图片

增加打卡,点赞,踩功能

在后台 --> 设置外观 --> 开发者设置 --> 自定义JavaScript 加入以下代码:


代码内::dunjiao:302:: ::coolapk:96:: ::dunjiao:315::等是表情文件,根据自己的表情内容修改,文字内容是随机输出的,也可以根据自己喜欢更改。

增加上传图片功能

基于chevereto图床插件

关于什么是chevereto,其实就是一个图床系统,路过图床、遇见图床都是基于这个框架。

相关插件的使用说明可以阅读官方使用文档:Popup Upload Plugin-官方说明文档[2]

如果是handsome主题,你可以直接在主题的开发者设置——>自定义 JavaScript里面插入以下代码:

(需要注意的是,这段代码是经过优化的,而不是原生的pup.js代码。当然封装这段代码是更加正确的做法!)

代码下面提供已封装的js文件


上面的js代码确实挺长,你可以封装到一个js文件,然后在head标签中引入,这样可以优化网页的格式。

提供已封装的js文件,

放到开发者设置——>自定义输出head 头部的HTML代码


data-url="https://7up.pics"这里的链接可以自定义修改,需在chevereto的框架下的图床才可

加入这个代码之后,如果你的站点开启了PJAX的话,需要在PJAX回调函数里面插入chevereto();

图片


修改源文件使按钮在页面显示

  1. 打开 Handsome 主题目录下的 component/comments.php 文件,找到并删除如下内容:

图片

修改成

刷新页面即可

图片
图片

[1]

陶小桃: https://www.52txr.cn/2023/commentimg.html

[2]

Popup Upload Plugin-官方说明文档: https://sangxuesheng.com/go/aHR0cHM6Ly93d3cuNTJ0eHIuY24vZ28vYUhSMGNITTZMeTkyTkMxMWMyVnlMbU5vWlhabGNtVjBieTVqYjIwdmFXNTBAV2R5WVhScGIyNXpMM0IxY0M1b2RHMXM


《优化》Typecho-handsome主题下实现评论一键打卡、赞、踩功能并集成图片上传功能的评论 (共 条)

分享到微博请遵守国家法律