搜索到
32
篇与
的结果
-
-
-
如何美化typecho joe主题 修改主题样式表：你可以通过修改 Joe 主题的样式表来更改主题的颜色、字体、排版等。在 Typecho 后台中找到主题的文件夹，然后打开 css/style.css 文件，对其中的样式进行修改即可。 添加自定义代码：你可以在 Joe 主题中添加自定义代码，例如 JavaScript 或者 CSS，来实现更多的效果。在 Typecho 后台中找到主题的文件夹，然后打开 header.php 或者 footer.php 文件，添加你需要的代码即可。 使用插件：在 Typecho 社区中有许多插件可以美化 Joe 主题，例如添加背景图片、自定义菜单等。你可以在 Typecho 后台的插件管理中搜索相关插件并安装使用。 查看其他用户的经验：在 Typecho 社区中有许多用户分享了他们美化 Joe 主题的经验和方法，你可以参考他们的文章，学习更多的技巧和知识。
-
-
-
-
如何给Typecho博客Joe主题添加打赏功能 成品展示教程步骤新增一个php文件，用于以后新增自定义设置，文件名： custom.php ；文件路径： usr/themes/Joe-master/public添加代码：<?php // 收款设置 $ZNPaySet = new Typecho_Widget_Helper_Form_Element_Select( 'ZNPaySet', array( 'on' => '开启（默认）', 'off' => '关闭', ), 'on', '是否启用小菜狗打赏功能', '介绍：开启后，文章底部展示打赏功能 <br> 详情可查看 <a href="https://www.hixcg.com/archives/96/">https://www.hixcg.com/archives/96/</a> ' ); $ZNPaySet->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNPaySet->multiMode()); $ZNAlipay = new Typecho_Widget_Helper_Form_Element_Text( 'ZNAlipay', NULL, NULL, '支付宝收款码', '介绍：填写此处，打赏界面展示支付宝收款码，图片地址 <br />' ); $ZNAlipay->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNAlipay->multiMode()); $ZNWeChat = new Typecho_Widget_Helper_Form_Element_Text( 'ZNWeChat', NULL, NULL, '微信收款码', '介绍：填写此处，微信界面展示微信收款码，图片地址 <br />' ); $ZNWeChat->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNWeChat->multiMode()); $ZNQqPay = new Typecho_Widget_Helper_Form_Element_Text( 'ZNQqPay', NULL, NULL, 'QQ收款码', '介绍：填写此处，QQ界面展示QQ收款码，图片地址 <br />' ); $ZNQqPay->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNQqPay->multiMode()); ?>修改 handle.php 文件，底部新增代码，放在最后一行上面，文件路径： usr/themes/Joe-master/public<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>修改 functions.php 文件，加入打赏设置菜单和底部引入新建的php文件，文件路径： usr/themes/Joe-master<li class="item" data-current="joe_custom">自定义设置</li>// 收款设置 require_once("public/custom.php"); 为打赏按钮增加跳动特效，将以下代码放在主题的全局设置-自定义CSS里面.footer_flex { animation: star 0.5s ease-in-out infinite alternate; } @keyframes star { from { transform: scale(1); } to { transform: scale(1.1); } }
-
-
PHP 实现图片验证码之给 Typecho 评论加上验证码 最基础版本最基础的验证码原理不复杂，给评论框加上两个隐藏参数 mp-num1 和 mp-num2 ，给用户一个看得见的输入框 mp-sum ，提交评论的时候检查 mp-num1 + mp-num2 是否和 mp-sum 一致，不一致就拒绝提交。修改 comments.php ，假如上述三个参数<?php $num1 = rand(1, 49);$num2 = rand(1, 49); ?> <span><?php _e("验证码 %s + %s =", $num1, $num2); ?></span> <input type="text" name="mp-sum" placeholder="<?php _e("请输入计算结果") ?>" required> <input type="hidden" name="mp-num1" value="<?php echo $num1; ?>"> <input type="hidden" name="mp-num2" value="<?php echo $num2; ?>">当然了，光有前端是不行的。给提交评论接口加个验证码校验函数，修改 functions.php ，加入下面的代码{message type="info" content="这样就可以防住一部分特别低级的机器人了。"/}验证码输出为图片因为这套代码流传挺广的，容易被脚本小子一锅端，可以考虑把验证码输出为图片。原理也不复杂，调用PHP的GD库把文本转成图片就行。加密校验参数上面只是把验证码提示换成了图片，但是校验参数还是明文的，不太好，加密校验参数很简单，就是不往用户那边发数字，去掉 mp-num1 和 np-num2 ，那你会问我那怎么对应答案呢？计算机行业的大佬（具体是谁 CHATGPT3.5也不知道）给你想好了，使用session存放这个验证码，session是由服务器端维护的用户会话数据。用人话说就是档案袋，你有，但是你不能摸。
