搜索到
82
篇与
技术分享
的结果
-
![Typecho的Joe主题实现全站置灰]()
Typecho的Joe主题实现全站置灰 0.成品图1.修改functions.php，文件路径：usr/themes/Joe-master// 全站置灰 $websiteChgGray = new Typecho_Widget_Helper_Form_Element_Select( 'websiteChgGray', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'on', '是否启用全站置灰', '介绍：开启后，网站所有信息全部变成黑白' ); $websiteChgGray->setAttribute('class', 'joe_content joe_custom'); // 如果无法显示设置，将joe_custom修改为joe_other $form->addInput($websiteChgGray->multiMode());2.修改include.php文件，底部增加，文件路径：usr/themes/Joe-master/public隐藏内容，请前往内页查看详情 -
![Typecho的Joe主题实现手机端登录/注册功能]()
Typecho的Joe主题实现手机端登录/注册功能 0.成品图展示1.修改header.php问题，新增代码，问了路径：usr/themes/Joe-master/public隐藏内容，请前往内页查看详情放在ul后面2.修改functions.php，最后新增，文件路径：usr/themes/Joe-master// 手机端登录 $login4Phone = new Typecho_Widget_Helper_Form_Element_Select( 'login4Phone', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'on', '是否启用手机端登录功能', '介绍：开启后，手机端侧边栏将展示登录功能和登录后的操作' ); $login4Phone->setAttribute('class', 'joe_content joe_custom'); // 如果无法展示，则将joe_custom替换为joe_other $form->addInput($login4Phone->multiMode());{message type="info" content="代码下载地址"/}{cloud title="代码地址" type="bd" url="https://pan.baidu.com/s/1GJQOMT_VxQ4ZUdG9O4B9hQ" password="q4tc"/} -
![Typecho的Joe主题新增文章阅读时长统计]()
Typecho的Joe主题新增文章阅读时长统计 0.成品图1.修改functions.php文件，底部增加，文件路径：/usr/themes/Joe-master// 文章阅读时长设置 $onlineTime = new Typecho_Widget_Helper_Form_Element_Select( 'onlineTime', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'on', '是否启用文章阅读时长统计', '介绍：开启后，文章底部展示文章字数，预计阅读时长和已阅读时长' ); $onlineTime->setAttribute('class', 'joe_content joe_custom'); //如果设置无法展示，请将joe_custom替换为joe_other $form->addInput($onlineTime->multiMode());2.修改article.php文件，文件路径：usr/themes/Joe-master/public隐藏内容，请前往内页查看详情 -
![Typecho的Joe主题新增在线人数统计功能]()
Typecho的Joe主题新增在线人数统计功能 0.成品如下1.修改functions.php，底部新增，文件路径：usr/themes/Joe-master；如果无法显示设置，则将以下joe_custom修改为joe_other// 在线人数设置 $onlinePersion = new Typecho_Widget_Helper_Form_Element_Select( 'onlinePersion', array( 'on' => '开启（默认）', 'off' => '关闭', ), 'on', '是否启用在线人数统计', '介绍：开启后，文章底部展示当前在线人数' ); $onlinePersion->setAttribute('class', 'joe_content joe_custom'); $form->addInput($onlinePersion->multiMode());2.修改footer.php文件，文件路径：/usr/themes/Joe-master/public隐藏内容，请前往内页查看详情 -
![Typecho的Joe主题实现评论弹幕]()
Typecho的Joe主题实现评论弹幕 0.成品图如下1.修改header文件，新增代码，；文件路径：usr/themes/Joe-master/public隐藏内容，请前往内页查看详情2.修改include.php文件，新增如下代码；文件路径：usr/themes/Joe-master/public<?php if ($this->options->JBarragerStatus === 'on') : ?> <link rel="stylesheet" href="<?php $this->options->themeUrl('library/joe.barrager/joe.barrager.css'); ?>"> <?php endif; ?>3.修改functions.php，最后添加；文件路径：usr/themes/Joe-master；如果无法显示设置，则将以下joe_custom修改为joe_other$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());4.将以下代码，放在usr/themes/Joe-master/library5.修改config.php文件，代码如下，文件路径：usr/themes/Joe-master/public{tabs}{tabs-pane label="代码"}/* 弹幕 */ DOCUMENT_BARRAGER: '<?php echo $this->options->JBarragerStatus === 'on' ? 'on' : 'off' ?>',{/tabs-pane}{tabs-pane label="代码截图"}{/tabs-pane}{/tabs}{cloud title="代码下载" type="bd" url="https://pan.baidu.com/s/1YSK2x33d92R98pGrCiykww" password="sazh"/} -
![Typecho博客Joe主题实现友链自动检测]()
Typecho博客Joe主题实现友链自动检测 0.效果图展示1.修改friends.php文件，文件路径：Joe-master/{message type="success" content="代码如下"/}隐藏内容，请前往内页查看详情2.修改functions.php文件，文件路径：Joe-master/{message type="success" content="代码如下"/}$JFriendsSwitch = new Typecho_Widget_Helper_Form_Element_Select( 'JFriendsSwitch', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启友链检测功能', '介绍：开启后友链界面可以自动检测对方站点是否添加本站友链' ); $JFriendsSwitch->setAttribute('class', 'joe_content joe_other'); $form->addInput($JFriendsSwitch->multiMode()); 注意下面是修改，不是新增 $JFriends = new Typecho_Widget_Helper_Form_Element_Textarea( 'JFriends', NULL, 'Joe的博客 || https://78.al || https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/assets/img/link.png || Eternity is not a distance but a decision || 友链页面地址（可不填写）', '友情链接（非必填）', '介绍：用于填写友情链接 <br /> 注意：您需要先增加友联链接页面（新增独立页面-右侧模板选择友联），该项才会生效 <br /> 格式：博客名称 || 博客地址 || 博客头像 || 博客简介 || 友链页面地址 <br /> 其他：一行一个，一行代表一个友联' ); $JFriends->setAttribute('class', 'joe_content joe_other'); $form->addInput($JFriends);3.在主题中开启此功能后，需要在友链配置最后增加一个友链界面的链接，如果没有友链页面可不添加，如图所示4.如何操作，自行摸索吧，如果有疑问可在本文章评论5.全量文件下载地址如下：隐藏内容，请前往内页查看详情 -
-
![Typecho博客Joe主题实现打赏设置]()
Typecho博客Joe主题实现打赏设置 0.成品图展示1.新增一个php文件，用于以后新增自定义设置，文件名：custom.php；文件路径：usr/themes/Joe-master/public{message type="success" content="代码如下"/}隐藏内容，请前往内页查看详情2.修改handle.php文件，底部新增代码，放在最后一行上面，文件路径：usr/themes/Joe-master/public{message type="success" content="代码如下"/}<style> /*弹出*/ .footer_flex { width: 42px; height: 42px; background-color: #f56c6c; border-radius: 50%; cursor: pointer; position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; color:#909399; font-size:12px} .footer_flex:hover { background-color: #409eff; } /*top*/ .footer_flex:hover .flex-footer { display: block; } .footer_flex .flex-footer { box-shadow: 0px 0px 5px 0px #409eff; border-radius: 8px; width: 156px; height: 166px; position: absolute; left: -52px; top: -175px; text-align: center; padding-top: 15px; background: #fff; display: none; } .flex-footer input{vertical-align:middle; margin-bottom:3px; *margin-bottom:3px;} </style> <script language="javascript" type="text/javascript"> function zfb(){ var obj=document.getElementById("ewm"); obj.src=`<?php $this->options->ZNAlipay() ?>`; }; function wx(){ var obj=document.getElementById("ewm"); obj.src=`<?php $this->options->ZNWeChat() ?>`; }; function qq(){ var obj=document.getElementById("ewm"); obj.src=`<?php $this->options->ZNQqPay() ?>`; }; </script> <div style="text-align: center; margin-left:30px; <?php if(Helper::options()->ZNPaySet !== 'on') echo 'display:none;' ?>"> <div class="footer_flex"> <img src="https://cdn.jsdelivr.net/gh/aill66/cdn/shang.png" width="20px" height="20px"> <div class="flex-footer"> <img id="ewm" src="<?php $this->options->ZNAlipay() ?>" width="120px" height="120px"> <div style="margin-top:5px;"> <label><input name="pay" type="radio" value="wx" checked="checked" onclick="wx()">微信</label> <label style="margin-left:3px; display:block-inline"><input name="pay" type="radio" value="zfb" onclick="zfb()" checked>支付宝</label> <label style="margin-left:3px;"><input name="pay" type="radio" value="qq" onclick="qq()">QQ</label> </div> <div style="height:40px; background:rgba(0,0,0,0);"></div> </div> </div> <p style="margin-top:5px; color:#909399; font-size:12px">打赏</p> </div>3.修改functions.php文件，加入打赏设置菜单和底部引入新建的php文件，文件路径：usr/themes/Joe-master{message type="success" content="代码如下"/}<li class="item" data-current="joe_custom">自定义设置</li> // 收款设置 require_once("public/custom.php");4.为打赏按钮增加跳动特效，将以下代码放在主题的全局设置-自定义CSS里面.footer_flex { animation: star 0.5s ease-in-out infinite alternate; } @keyframes star { from { transform: scale(1); } to { transform: scale(1.1); } }
