登 录
注册
Search
标签搜索
技术教程
typecho
JavaScript
成长日记
Joe主题
Typecho主题
前端学习
网站搭建
typecho函数
影视分享
情感
css
帮助文档
虚拟机
服务器
typecho编辑器
插件
Linux
typecho插件
Windows
Brains - 灵感乌托邦
累计撰写
81
篇文章
累计收到
4,300
条评论
文章首页
分类栏目
技术教程
Typecho
程序代码
学习笔记
Web前端
CSS
JavaScript
其他文章
生活
独立页面
胡言乱语
生活吐槽
友情链接
网站统计
关于博主
自建图床
自建网盘
博主推荐
灵感宝物库
灵感图床库
Code-Server
在线工具箱
TypechoDoc
在线转换
灵感导航页
登录
丨
注册
Typecho
(共
30
篇)
搜索到
30
篇与
Typecho
的结果
『转载』『代码』Typecho自定义调用如热门文章随机文章等
Typecho自定义调用这是面向模板开发者的一篇干货文章,通过学习下面的两个事例,你可以通过调整数据库语句来实现自定义调用文章,如随机文章等。调用热门文章在 functions.php 中加入如下代码class Widget_Post_hot extends Widget_Abstract_Contents { public function __construct($request, $response, $params = NULL) { parent::__construct($request, $response, $params); $this->parameter->setDefault(array('pageSize' => $this->options->commentsListSize, 'parentId' => 0, 'ignoreAuthor' => false)); } public function execute() { $select = $this->select()->from('table.contents') ->where("table.contents.password IS NULL OR table.contents.password = ''") ->where('table.contents.status = ?','publish') ->where('table.contents.created <= ?', time()) ->where('table.contents.type = ?', 'post') ->limit($this->parameter->pageSize) ->order('table.contents.views', Typecho_Db::SORT_DESC); $this->db->fetchAll($select, array($this, 'push')); $db = Typecho_Db::get(); } }前台调用文章<?php $this->widget('Widget_Post_hot@hot', 'pageSize=6')->to($hot); ?> <?php while($hot->next()): ?> 文章链接:<?php $hot->permalink() ?> 文章标题:<?php $hot->title(); ?> 文章缩略图:<?php $hot->fields->img(); ?> <!--等等--> <?php endwhile; ?>这种写法非常原生,使用方法也同typecho调用某分类下的文章语法一致调用指定文章集合在 functions.php 中加入如下代码class Widget_Post_fanjubiao extends Widget_Abstract_Contents { public function __construct($request, $response, $params = NULL) { parent::__construct($request, $response, $params); $this->parameter->setDefault(array('pageSize' => $this->options->commentsListSize, 'parentId' => 0, 'ignoreAuthor' => false)); } public function execute() { $select = $this->select()->from('table.contents') ->where("table.contents.password IS NULL OR table.contents.password = ''") ->where('table.contents.type = ?', 'post') ->limit($this->parameter->pageSize) ->order('table.contents.modified', Typecho_Db::SORT_DESC); if ($this->parameter->fanjubiao) { $fanju=explode(",",$this->parameter->fanjubiao); $select->where('table.contents.cid in ?', $fanju); } $this->db->fetchAll($select, array($this, 'push')); } }前台调用<?php $week1="728,1197";//指定文章id集合多个文章中间用英文逗号隔开 $this->widget('Widget_Post_fanjubiao@fanjubiao', 'fanjubiao='.$week1)->to($fanju); ?> <?php while($fanju->next()): ?> 文章链接:<?php $fanju->permalink() ?> 文章标题:<?php $fanju->title(); ?> <!--等等--> <?php endwhile; ?>总结这样的写法只要懂得数据库语句,就可以定制各种自己所需的调用文章!语法贴近原生且内部支持调用各种函数,比如缩略图函数等等!
2021年10月03日
4,666 阅读
0 评论
9 点赞
2021-10-03
『原创』『教程』Typecho后台开关进入网站维护状态
前言因为经常捣鼓网站,有时候会直接在服务器上热更新,这样会导致用户体验很不好所以就想到了设置一个维护通知页面,告知访问的用户正在维护,防止用户因无法访问放弃访问本站。成果展示{tabs}{tabs-pane label="PC端展示"}{/tabs-pane}{tabs-pane label="PE端展示"}{/tabs-pane}{tabs-pane label="后台展示"}{/tabs-pane}{/tabs}教程分享本教程基于Joe主题,当然其他Typecho主题也可以使用,代码是固定的,但是方法是灵活的,期待您的灵感大爆发!一、添加后台开关在主题目录下的 functions.php 里添加以下代码(因为我引入了自定义配置文件,所以我是放在 public/custom.php 文件里的)隐藏内容,请前往内页查看详情二、添加全局跳转因为我一般更新都是整站屏蔽的,所以我这里是添加的全局跳转,直接在public/header.php顶部添加以下代码如果你只想某些页面跳转,比如只想跳转首页,你可以在index.php添加下面的代码隐藏内容,请前往内页查看详情三、上传维护页面下载下面的文件,上传到Typecho主程序的 根目录 ,记得把文件名改为 Maintain.html (区分大小写) 注意:不是 主题 根目录 注意:不是 主题 根目录 注意:不是 主题 根目录 隐藏内容,请前往内页查看详情到此就大功告成了,去后台打开全站维护后再访问你的网站试试吧!
2021年07月21日
5,895 阅读
94 评论
231 点赞
2021-07-21
『原创』『教程』博客主题修改记录(长期不定时更新)
前言最近一直在摸鱼,也好久没更新博客了,今天登陆上一看,发现博客自动更新出问题了。简单了解了一下,发现是自己改动的东西太多了,服务器本地主题和作者github内容重复了所以只好重新下载作者的主题,再把自己改的加上去,但是突然发现自己已经记不太清楚修改了哪些了所以打算摸鱼写一篇文章来记录自己博客的修改内容,毕竟好记性不如烂笔头嘛修改目录主要修改的内容{timeline}{timeline-item color="#19be6b"} PC端&PE端侧栏自定义 恋爱计时 {/timeline-item}{timeline-item color="#19be6b"} 文章底部端 打赏按钮 {/timeline-item}{timeline-item color="#19be6b"} PC端&PE端 登录按钮 {/timeline-item}{timeline-item color="#19be6b"} PC端 评论弹幕 {/timeline-item}{timeline-item color="#19be6b"} 关于页 我的追番 页面 {/timeline-item}{timeline-item color="#19be6b"} QQ自动跳转浏览器 {/timeline-item}{timeline-item color="#19be6b"} 复制内容时添加转载说明 {/timeline-item}{timeline-item color="#19be6b"} 修改了恋爱计时,将其内嵌到主题了 {/timeline-item}{timeline-item color="#19be6b"} 修改了时光机的发表权限为贡献者以上 {/timeline-item}{timeline-item color="#19be6b"} 修改了评论上传图片的尺寸和清晰度 {/timeline-item}{timeline-item color="#19be6b"} 添加了评论上传图片的审核功能 {/timeline-item}{timeline-item color="#19be6b"} 新增了评论可选小电视和QQ表情包 {/timeline-item}{timeline-item color="#19be6b"} 添加了全站的JS广告及广告位 {/timeline-item}{/timeline}补充教程因为在学习了一些Typecho的后端设置后,觉得直接把所有自定义功能放在一起,然后通过 functions.php 调用更为方便所以就有了以下教程,虽然也是在其他人那里嫖来的,但是根据自己的理解也进行了举一反三,所以在此记录一下(一)引入自定义配置文件1、创建自定义文件首先在主题根目录或者/public目录下创建一个 custom.php 文件(文件名可自定义)内容包含在 <?php ?>内 2、引入配置文件接着在根目录的 functions.php 文件内引入自定义配置文件{tabs}{tabs-pane label="代码"}// 引入自定义设置 require_once("public/custom.php");{/tabs-pane}{tabs-pane label="添加位置"}放在 functions.php 的倒数第二行,只要放在 function themeConfig($form){} 里面就行了。{/tabs-pane}{/tabs}3、添加tabs最后在根目录的 functions.php 文件的外观设置tabs里再加一个自定义配置{tabs}{tabs-pane label="代码"}<li class="item" data-current="joe_custom">自定义设置</li>{/tabs-pane}{tabs-pane label="添加位置"}以Joe主题为例{/tabs-pane}{/tabs}这样就可以引入自定义配置文件了(二)引入自定义JS和CSS文件1、引入到主题框架直接在 Joe/public/include.php 插入以下代码即可<!--引入自定义模块CSS--> <link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/custom.min.css'); ?>"> <!--引入自定义模块JS--> <script src="<?php $this->options->themeUrl('assets/js/custom.min.js'); ?>"></script>2、添加自定义JS和CSS文件在 Joe/assets/js 文件夹下创建 custom.min.js 在 Joe/assets/css 文件夹下创建 custom.min.css(三)添加后台自定义功能1、PC端&PE端 侧栏自定义{collapse}{collapse-item label="PC端&PE端 侧栏自定义 "}要添加侧栏或者底栏,只需要在 custom.php 文件里添加相应的ID就行了(ID唯一,切勿重复)例如:// 自定义侧边栏模块 - PC $JCustomAside = new Typecho_Widget_Helper_Form_Element_Textarea( 'JCustomAside', NULL, NULL, '自定义侧边栏模块 - PC', '介绍:用于自定义手机端侧边栏模块 <br /> 格式:请填写前端代码,不会写请勿填写 <br /> 例如:您可以在此处添加一个搜索框、时间、宠物、恋爱计时等等' ); $JCustomAside->setAttribute('class', 'joe_content joe_custom'); $form->addInput($JCustomAside);然后再到侧栏文件 public/aside.php 或者底栏文件 public/footer.php 引用就行了如果是PE端的侧栏,需要到 public/header.php 引用{/collapse-item}{/collapse}2、文章底部端 打赏按钮{collapse}{collapse-item label="文章底部端 打赏按钮 "}(1)添加后台开关及配置首先在 custom.php 文件里添加打赏申明,关闭时可以不显示,默认开启隐藏内容,请前往内页查看详情(2)添加打赏功能然后再在 handle.php 里添加打赏功能代码隐藏内容,请前往内页查看详情我这里把css另外放在了 assets/css/custom.css 里了,方面统一管理如果把样式放在了外部,记得引入相关样式表哦,在 public/include.php 引入样式表{/collapse-item}{/collapse}3、PC端&PE端 登录按钮{collapse}{collapse-item label="PC端&PE端 登录按钮 "}PC端登录Joe主题已经添加上了,而且功能比较完善,直接使用就行PE端的直接在 public/header.php 相应位置添加以下代码就行{tabs}{tabs-pane label="代码"}隐藏内容,请前往内页查看详情{/tabs-pane}{tabs-pane label="添加位置"}放在PE侧栏的最底下,当然,你也可以放在其他位置,你开心就好{/tabs-pane}{/tabs}{/collapse-item}{/collapse}4、PC端 评论弹幕弹幕功能的教程已经设置了后台管理功能,所以直接看教程就行传送门 『教程』Typecho的Joe主题添加评论弹幕功能(限PC)5、关于页 我的追番 页面{timeline}{timeline-item color="#ed4014"}2021.6.21 我的追番功能是一款插件,所以等我空了再水一篇文章,先鸽在这里了{/timeline-item}{timeline-item color="#19be6b"}2021.7.5 教程更新了出来了『插件』B站来源的Typecho追番页插件 {/timeline-item}{/timeline}6、QQ自动跳转浏览器同样的,教程已经设置了后台管理,直接按照教程修改即可传送门 『代码』Typecho的Joe主题新增QQ打开自动跳转到浏览器7、复制内容时添加转载说明{collapse}{collapse-item label=" 复制内容时添加转载说明 " }在post.php最下面添加隐藏内容,请前往内页查看详情{/collapse-item}{/collapse}写在后面本文章不定时更新,主要记录博主修改内容,想到的都会尽量写上
2021年06月21日
26,677 阅读
102 评论
362 点赞
『转载』『教程』Typecho的Joe主题添加评论弹幕功能(限PC)
前言主要是结合自己实践,总结遇到的问题和做个备份成果展示{tabs}{tabs-pane label="前端"}{/tabs-pane}{tabs-pane label="后台"}{/tabs-pane}{/tabs}一、修改header.php文件新增代码,文件路径:usr/themes/Joe/public/header.php(一)第一段{tabs}{tabs-pane label="放在最上面"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <?php $this->widget('Widget_Comments_Recent@index', 'ignoreAuthor=true&pageSize=15')->to($comments); ?> <ul class="j-barrager-list"> <?php if ($comments->have()) : ?> <?php while ($comments->next()) : ?> <li> <span class="j-barrager-list-avatar" data-src="<?php _getAvatarByMail($comments->mail) ?>"></span> <span class="j-barrager-list-content"><?php _parseAsideReply($comments->content); ?></span> </li> <?php endwhile; ?> <?php endif; ?> </ul> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}(二)第二段{tabs}{tabs-pane label="放在登录旁"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <div class="item"> <input id="barrager" class="barrager" type="checkbox" title="开启/关闭弹幕"> </div> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}(三)第三段不要耍小聪明,放到include.php里去,不会显示弹幕的 {tabs}{tabs-pane label="放在最后面"}<!-- 弹幕 --> <?php if ($this->options->JBarragerStatus === 'on') : ?> <script src="<?php $this->options->themeUrl('library/barrager/joe.barrager.js'); ?>"></script> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}二、修改include.php文件新增如下代码;文件路径:usr/themes/Joe/public/include.php{tabs}{tabs-pane label=" include.php 文件"}<?php if ($this->options->JBarragerStatus === 'on') : ?> <link rel="stylesheet" href="<?php $this->options->themeUrl('library/barrager/joe.barrager.css'); ?>"> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}三、修改functions.php文件路径usr/themes/Joe/functions.php{tabs}{tabs-pane label="添加代码"}$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JBarragerStatus', array('off' => '关闭(默认)', 'on' => '开启'), 'off', '是否开启弹幕功能(仅限PC)', '介绍:开启后,网站将会显示评论弹幕功能,该功能采用CSS动画引擎,并非传统JS操作DOM,无任何性能消耗。' ); $JBarragerStatus->setAttribute('class', 'joe_content joe_custom'); $form->addInput($JBarragerStatus->multiMode());{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}如果创建过 custom.php 文件,直接放到 custom.php 里就行了 但是记得要在 functions.php 引入 custom.php 哦四、修改config.php文件文件路径:usr/themes/Joe/public/config.php{tabs}{tabs-pane label="添加代码"}/* 弹幕 */ DOCUMENT_BARRAGER: '<?php echo $this->options->JBarragerStatus === 'on' ? 'on' : 'off' ?>',{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}五、上传CSS和JS将以下文件,放在usr/themes/Joe/library里就行了隐藏内容,请前往内页查看详情转自执念博客
2021年06月11日
4,757 阅读
27 评论
47 点赞
2021-06-11
『转载』『教程』Typecho的Joe主题新增QQ打开自动跳转到浏览器
前言最近QQ抽风,很多站长的网站都被屏蔽白了,我的也不例外而且很多人上午解了下午又白,所以我就想做一个跳转,跳转到浏览器访问然后看到执念有教程,就直接搬过来了,也就当做个备份吧效果图{tabs}{tabs-pane label="后台"}{/tabs-pane}{tabs-pane label="跳转"}{/tabs-pane}{/tabs}修改步骤一、修改functions.php文件新增如下代码;文件路径: usr/themes/Joe/functions.php 如果创建了 custom.php 就放在 custom.php 里隐藏内容,请前往内页查看详情二、修改include.php文件路径如下: usr/themes/Joe/public/include.php ,在最顶部新增隐藏内容,请前往内页查看详情三、新增prevent.php文件下载以下文件,上传路径: usr/themes/Joe/public文件下载:隐藏内容,请前往内页查看详情
2021年06月02日
4,339 阅读
36 评论
124 点赞
2021-06-02
『转载』『代码』Joe主题自定义搭配色教程
转自: Joe的博客今天看到每个使用本站主题的用户,全部用的都是主题默认样式,如何自定义一套自己的色彩风格?此篇文章适合非常非常白的小白(萌新)阅读,不适用于大佬前言本篇教程无任何技术类的知识,只需对颜色有些了解即可!第一步打开主题外观设置 - 全局设置 - 自定义CSS,填写以下内容:body { --theme: #409eff; }填写完后如下图所示(复制粘贴不会的洗洗睡吧):第二步随便百度一个颜色网站,例如:https://www.5tu.cn/colors/yansebiao.html复制自己喜欢的颜色色彩值,例如珊瑚色: #f8aba6 。接着替换掉上面填写的颜色即可,上面的代码就如下所示:body { --theme: #f8aba6; }接着保存,去前台刷新就能看见变化了,这里只是举一个栗子进行说明。到这里纯小白的教程结束 ,下面的内容是更加强大的全套主题色补充。完整版内容首先打开主题外观设置 - 全局设置 - 自定义CSS,填写以下内容:不用管这一步的作用是什么,后面会逐个介绍body { --theme: #409eff; --background: #fff; --main: #303133; --routine: #606266; --minor: #909399; --seat: #c0c4cc; --classA: #dcdfe6; --classB: #e4e7ed; --classC: #ebeef5; --classD: #f2f6fc; --radius-wrap: 8px; --radius-inner: 4px; --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }首先随便拿上面的一个属性进行介绍,懂了一个后面都懂,dddd(懂的都懂 ::(阴险) )例如: --theme: #409eff; --theme 这个不能修改,固定的主题调用语法。--theme 冒号后面的是颜色的色彩值,这个色彩值可以用常见的颜色格式。例如 #ff6800 、rgba(0,0,0,1) 等等都可以{lamp/}明白上面的意思后,接下来对上面的每个属性做一个描述--theme顾名思义,主题色的意思,用于修改整个网站的主题色彩--background这个介绍不太好描述,用一个图形容下,比如下面这张图,他的背景色就是用的这个属性值(白色),如果想变成透明的话,可以填写 rgba 值,例如: rgba(255,255,255,0.5) 半透明--main这个是文字的颜色,颜色最深的--routine这个是文字的颜色,颜色稍微次于上面那个--minor这个是文字的颜色,颜色稍微次于上面那个--seat这个是文字的颜色,颜色稍微次于上面那个--classA这个主要用于横线、分割线用的颜色,颜色最深的--classB这个主要用于横线、分割线用的颜色,颜色稍微次于上面那个--classC这个主要用于横线、分割线用的颜色,颜色稍微次于上面那个--classD这个主要用于横线、分割线用的颜色,颜色稍微次于上面那个--radius-wrap这个主要用外层包裹的圆角度数的,如果不需要圆角,可以写0,例如--radius-inner这个主要用里层包裹的圆角度数的,如果不需要圆角,可以写0--text-shadow这个是文章标题的字体阴影,这个只在文章详情页用到,改不改区别不大--box-shadow这个是阴影,这个弄得好,网站炫酷的一批,例如拟态等都是通过这个实现的其他上面的设置都是控制主题白昼下的样式,黑夜模式的样式和这个修改方法一致
2021年05月18日
1,695 阅读
4 评论
43 点赞
2021-05-18
『转载』『教程』Joe主题的归档和动态页面分享(其他主题也能用)
之前老版的Joe主题有归档和动态页面,5.0版本以后,作者就没有移植了 但是有大佬把之前的页面做了移植,然后分享在了群里,但是后面不知道为什么又不见了 今天还是逼自己一把,把这篇水文写了出来
2021年05月18日
4,980 阅读
67 评论
63 点赞
2021-05-18
『转载』『插件』让你的网站变成灰色,为5.12牺牲的人们默哀
又到了5.12这个特殊的日子,为悼念5.12牺牲的人们,我们也要用实际行动为逝者默哀
2021年05月12日
1,946 阅读
2 评论
129 点赞
2021-05-12
『原创』『代码』Joe主题前台登录链接按钮
自从Joe主题升级5.0以后,就没了登录按钮和链接,每次想登录或者进后台都要输入网址,对于我这种经常前后台切换的人来说,炒鸡炒鸡不方便
2021年04月22日
8,605 阅读
144 评论
27 点赞
2021-04-22
『笔记』『代码』Typecho 主题模版制作常用调用变量和函数、参数
前言博主对Typecho博客程序情有独钟,但是还不会PHP所以四处收集Typecho制作模板的代码和函数什么的。一个是方便自己使用,另外一个方便大家查看,又找到了点代码,今天发一下。修改 Typecho 主题时,需要判断当前用户角色,对于管理员角色,显示内容,可使用如下:<?php $currGroup = get_object_vars($this->user) ['row']['group'];if ($currGroup == "administrator"): ?> 若为管理员,显示此区域内容 <?php else: ?>//else可去 非管理员,显示此区域内容 <?php endif;?>登录<?php $this->options->adminUrl('login.php'); ?>注册<?php $this->options->adminUrl('register.php'); ?>站点名称<?php $this->options->title(); ?>域名地址<?php $this->options->siteUrl(); ?>后台地址<?php $this->options->adminUrl(); ?>完整路径标题,比如 文章 站点<?php $this->archiveTitle(' » ', '', ' - '); ?><?php $this->options->title(); ?>站点说明<?php $this->options->description(); ?>模版文件夹地址<?php $this->options->themeUrl(); ?>作者名字<?php $this->author(); ?>当前登陆用户名字<?php $this->user->screenName(); ?>退出链接<a href="<?php $this->options->logoutUrl(); ?>" ><?php _e('退出');?></a>作者头像<?php $this->author->gravatar('200') ?> 参数说明 此函数是完整 img 标签,200代表长和宽 该文作者全部文章列表链接<?php $this->author->permalink(); ?>该文作者个人主页链接<?php $this->author->url(); ?>该文作者的邮箱地址<?php $this->author->mail(); ?>引用模版文件夹内php文件<?php $this->need('*.php'); ?> 参数说明 可以使用相对路径获取上级目录php文件 评论<?php $this->options->commentsFeedUrl(); ?>常用调用代码:/*头部HEAD常用 <?php $this->keywords('_'); ?>//关键词 <?php $this->options->title(); ?>//站点名称 <?php $this->options->description(); ?>//站点描述 <?php $this->archiveTitle(); ?>//标题 <?php $this->options->themeUrl('ie.css'); ?>//模板路径 <?php $this->options->siteUrl(); ?>//主页网址 <?php $this->options->feedUrl(); ?> <?php $this->options->commentsFeedUrl(); ?> <?php $this->pageNav(); ?>//分页 <?php $this->options->generator(); ?>//版本号 /*文章页面常用 <?php $this->title(); ?>//标题 <?php $this->category(','); ?>//分类 <?php $this->tags(', ', true, ''); ?>//标签 <?php $this->date('F jS, Y') ?>//时间 <?php $this->content(); ?>//内容 <?php $this->thePrev('« %s', ''); ?>//上一篇 <?php $this->theNext('%s »', ''); ?>//下一篇调用作者信息:<?php $this->author() ?> //作者名称 <?php $this->author->permalink(); ?> //作者文章列表连接 <?php $this->author->url(); ?> <?php $this->author('url'); ?> //作者主页 <?php $this->author->mail(); ?> <?php $this->author('mail'); ?> //作者邮箱 <?php $this->author->gravatar(); ?> //作者头像评论者信息:<?php $comments->author(); ?> //带连接的作者名 <?php $comments->author('', false); ?> //不带连接的作者名
2021年04月12日
3,139 阅读
2 评论
12 点赞
2021-04-12
『转载』『教程』Joe主题老版本编辑器恢复方法
前言从 Joe 6.0之后版主更新了编辑器后我们发现在写文章时上面的 小图标 不见了,这影响了很多人及时更新文章,所以今天出一期最简单的教程成果展示更换教程1.下载老版本编辑器后把文件放在 你网站目录/usr/themes 下,直接解压即可,不过有个别人不能用。2.删除Joe(模板目录)下的 typecho文件夹 和 core文件夹内的factory.php 文件然后将解压的 typecho文件夹 放进Joe主题根目录,替换原来的 core文件夹内 的 factory.php 文件大功告成!!!下载地址隐藏内容,请前往内页查看详情
2021年04月12日
5,805 阅读
40 评论
15 点赞
2021-04-12
『原创』『代码』为你的博客添加悬浮打赏按钮(按钮切换)
前言博客搭建已经有一段时间了,文章也写了不少了(虽然有些是扒的:@(狂汗)XD)但是前几天有人发消息说觉得我的文章帮到他了,想要打赏,却没有打赏途径找了很久,除了几个插件就没有我心仪的,但是插件又要下载上传,太麻烦了 XD所以我就用自学的HTML写了一个悬浮打赏按钮,添加到文章点赞旁边,效果很好,我非常满意,所以现在分享出来成果展示{tabs}{tabs-pane label="第一版"}{/tabs-pane}{tabs-pane label="第二版"}{/tabs-pane}{tabs-pane label="切换版"}{/tabs-pane}{/tabs}版本升级当我把这个功能做好后,发给要打赏我的人时,Ta却说打赏不了,在微信中总是识别成支付宝的链接 :@(吐血倒地) 然后我自己试了一下,发现确实会识别错位,不知道是不是支付宝的二维码更要强一些,识别十次九次都是支付宝链接,打赏的人都不想给我打赏了,气死我了 :@(内伤) {dotted startColor="#ff6c6c" endColor="#1989fa"/}然后我就想到了点击切换二维码,说干就干,首先我用css试了很久,发现光用css已经实现不了我的需求了然后我就开始琢磨JS来实现,开始用了if语句来切换 img 的 url ,确实可以切换了,但是if语句只能对应一个按钮,如果别人不知道按钮可以切换,那就仅显示一个二维码突然想到,既然用js了,那为什么不直接根据不同的 input 按钮给 img 赋值呢,然后我就写了三段赋值语句(学艺不精啊) :@(尴尬) 然后就实现了一个按钮切换一个二维码了{dotted startColor="#ff6c6c" endColor="#1989fa"/}再发给要打赏我的人,结果.... :@(无奈) 只打赏了0.01元 :@(扇耳光)代码分享其实这个功能很简单,其实就是CSS的 :hover 来实现的我使用的是Joe主题,所以我直接添加在点赞旁边,让它看看起来跟整个主题更协调首先找到Joe主题目录中的点赞文件 public/handle.php 再在点赞按钮后添加以下代码隐藏内容,请前往内页查看详情添加到 public/handle.php 的倒数第二行保存后,刷新网站,打赏按钮就出现了,试着把鼠标移上去看看效果吧!切换版下载
2021年04月05日
25,253 阅读
207 评论
1,277 点赞
2021-04-05
1
2
3