首页
许愿池
友情链接
承接业务
留言板
摄影作品
访客统计
软件下载
WIN软件
MAC软件
关于站长
Search
1
服务器被植入流量劫持后门(跳转世界杯赌球网站)的排查与解决方案
256 阅读
2
飞牛圣体-网心云OES一代安装ARM版FnOS全过程
184 阅读
3
移动光猫吉比特GM232改桥接+开启IPV6+开启Telnet方法
159 阅读
4
2023 玩客云root以及绝育教程 1.3版本
140 阅读
5
飞牛系统(FnOS)挂载SMB目录并设置开机自启
100 阅读
人物
动物
风景
数码
网络
硬件
系统
建站
软件
MacOS
Windows
NAS
docker
esxi
AI
情感
登录
/
注册
Search
标签搜索
mac mini
DSM7
宝塔面板
apple
黑苹果
EOS R6
映泰
验证码
m4
photoshop
云层
风景
摄影
人像
儿童
刀马旦
艺术
万泰
吉比特
服务器安全运维
RongYan
累计撰写
63
篇文章
累计收到
170
条评论
今日撰写
0
篇文章
首页
栏目
人物
动物
风景
数码
网络
硬件
系统
建站
软件
MacOS
Windows
NAS
docker
esxi
AI
情感
页面
许愿池
友情链接
承接业务
留言板
摄影作品
访客统计
软件下载
WIN软件
MAC软件
关于站长
用户登录
登录
注册
搜索到
1
篇与
joe 打赏插件
的结果
2026-03-29
Typecho 打赏插件Donate 魔改适配JOE主题
序言Donate插件有个好处是可以分别设置微信和支付宝的收款码。虽然、但是、也许没什么鸟用,因为我从来也没收到过一笔打赏。但是本着我可以不用,但不能没有的原则,这个功能还是不能缺失的。万一哪天遇到个金主,也许失恋了,一下给咱赏个万儿八千的也说不定不是? 😁 JOE默认主题有个点赞功能,在每篇文章的结尾会有个红心点赞的图标,我的目的是把打赏图标也和点赞功能放在一行,并且调整好图标大小、位置即可。但是Donate插件默认并不对JOE主题有适配,强制放到一起的结果就是这样,图标大小不一也不对齐:所以我们要对代码进行一下微调。第一步:增加Donate插件的调用代码修改joe/post.php文件,找到如下代码:<?php $this->need('public/article.php'); ?> <?php $this->need('public/handle.php'); ?> <?php $this->need('public/operate.php'); ?> <?php $this->need('public/copyright.php'); ?> <?php $this->need('public/related.php'); ?>其中第二行<?php $this->need('public/handle.php'); ?>即为点赞代码,我们需要对这一行进行魔改,增加打赏插件的调用,以使其能够排在一起,魔改好之后的代码如下:<?php $this->need('public/article.php'); ?> <!-- 在点赞右侧增加打赏功能 --> <div style="display: flex; justify-content: center; align-items: center; gap: 15px; margin: 10px 0;"> <?php $this->need('public/handle.php'); ?> <div style="position: relative; top: -23px;"> <?php Typecho_Plugin::factory('rootvip.cn.Donate')->Donate(); ?> </div> </div> <?php $this->need('public/operate.php'); ?> <?php $this->need('public/copyright.php'); ?> <?php $this->need('public/related.php'); ?>其中,top: -23px;参数则为打赏图标的上下位置控制变量,负数向上,正数向下。-23是我针对JOE主题适配的数值。第二步:对Donate插件原生css样式进行修改修改/plugins/Donate/assets/style.css文件,找到如下代码:#donate-btn{ width: 50px; height: 50px; background: #e26d6d; color: #fff; font-size: 20px; font-weight: 600; border-radius: 50%; text-align: center; line-height: 50px; cursor: pointer; display: inline-block; position: relative; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)我们要改三个地方:#donate-btn{ width: 45px; /* 改成45适配JOE主题,图标宽 */ height: 45px; /* 改成45适配JOE主题,图标高 */ background: #e26d6d; color: #fff; font-size: 20px; font-weight: 600; border-radius: 50%; text-align: center; line-height: 45px; /* 改成45适配JOE主题,图标里面文字高度 */ cursor: pointer; display: inline-block; position: relative; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)OK,就这些了,保存后清空一下缓存刷新网页试试:修改好的插件下载:回复可见隐藏内容,请前往内页查看详情
2026年03月29日
11 阅读
0 评论
0 点赞