《优化》Typecho-handsome主题下实现评论一键打卡、赞、踩功能并集成图片上传功能
注意:本教程仅在 handsome 主题下通过测试,其它平台请自行 DIY 。
根据网友教程基础进行修改
网友版本bug/不足点
按钮不是固定的,点击后按钮消失
固定输出语句,不能自定义
修改内容:
增加随机语录
随机输出文字,不是固定语句
固定按钮始终在页面上显示,不会因点击后消失
增加图片上传链接、插入图片自动返回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();

修改源文件使按钮在页面显示
打开 Handsome 主题目录下的
component/comments.php
文件,找到并删除如下内容:

修改成
刷新页面即可


[1]
陶小桃: https://www.52txr.cn/2023/commentimg.html
[2]Popup Upload Plugin-官方说明文档: https://sangxuesheng.com/go/aHR0cHM6Ly93d3cuNTJ0eHIuY24vZ28vYUhSMGNITTZMeTkyTkMxMWMyVnlMbU5vWlhabGNtVjBieTVqYjIwdmFXNTBAV2R5WVhScGIyNXpMM0IxY0M1b2RHMXM