搜索到
13
篇与
美化
的结果
-
修复Joe主题收录Bug 从使用Typecho开始就一直使用Joe主题，使用过程中遇到了极多问题，但我自己都不会修改，只有等开发者更新，包括大家可能都发现的文章收录检测问题，不管有没有秘钥、有没有收录均会显示已收录，通过各种搜索后找到了问题的解决办法，故而记录下来供大家参考。问题所在通过查询资料得知，该问题是由于百度针对附加参数进行了检测导致，去掉以后就可以获取校正后的结果。修改文件 文件路径： themes/Joe-master/core/route.php 修改位置： 打开后找到143行，在143行内容后另起一行插入下列代码。 {tabs-pane label="版本一"} /*第144行 修复Joe主题收录检测问题*/ $header[] = "X-FORWARDED-FOR:". $ip; $header[] = "Host: www.baidu.com "; $header[] = "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9 "; $ch = curl_init(); {/tabs-pane}{tabs-pane label="版本二"} /**** 修改前内容 ****/ /*第135行*/ $site = $self->request->site; $encryption = md5(mt_rand(1655, 100860065) . time()); $baiduSite = "https://www.baidu.com/s?ie=utf-8 &newi=1 &mod=1 &isid={$encryption}&wd={$site}&rsv_spt=1 &rsv_iqid={$encryption}&issp=1 &f=8 &rsv_bp=1 &rsv_idx=2 &ie=utf-8 &tn=baiduhome_pg &rsv_enter=0 &rsv_dl=ib &rsv_sug3=2 &rsv_sug1=1 &rsv_sug7=001 &rsv_n=2 &rsv_btype=i &inputT=3083 &rsv_sug4=3220 &rsv_sug=9 &rsv_sid=32818_1460_33042_33060_31660_33099_33101_32961_26350_22159 &_ss=1 &clist=&hsug=&f4s=1 &csor=38 &_cr1=32951 "; /*第146行*/ curl_setopt($ch, CURLOPT_REFERER, "https://www.baidu.com/s?ie=UFP-8 &wd={$site}"); /*** 修改后内容 ***/ /*第135行*/ $site = urlencode($self->request->site); $baiduSite = "http://www.baidu.com/s?ie=utf-8 &wd={$site}"; /*第146行*/ curl_setopt($ch, CURLOPT_REFERER, "https://www.baidu.com/s?ie=utf-8 &wd={$site}"); {/tabs-pane} 参考图 最终结果修改后即可保存，然后打开你的文章，你就会发现没有收录的文章它检测出来的就是显示未收录的状态，快去试试吧。 -
网站添加SweetAlert弹窗公告 SweetAlert 使弹出消息变得简单而漂亮。代码来了<script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script> <script> // 页面加载后弹出提示 swal({ title: "本站状态：稳定运行中", text: "感谢您来到本站，祝您购物愉快！\n\n", icon: "success", button: "确定" }); function AddFavorite(title, url) { try { window.external.addFavorite(url, title); } catch (e) { try { window.sidebar.addPanel(title, url, ""); } catch (e) { alert("抱歉，您所使用的浏览器无法完成此操作。"); } } } </script>修改图标successerrorwarninginfo单页源码<!doctype html> <html> <head> <meta charset="utf-8"> <title>恭喜，站点创建成功！</title> <style> .container { width: 60%; margin: 10% auto 0; background-color: #f0f0f0; padding: 2% 5%; border-radius: 10px } ul { padding-left: 20px; } ul li { line-height: 2.3 } a { color: #20a53a } </style> </head> <body> <div class="container"> <h1>恭喜, 站点创建成功！</h1> <h3>这是默认index.html，本页面由系统自动生成</h3> <ul> <li>本页面在FTP根目录下的index.html</li> <li>您可以修改、删除或覆盖本页面</li> <li>FTP相关信息，请到“面板系统后台 > FTP” 查看</li> </ul> </div> <script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script> <script> // 页面加载后弹出提示 swal({ title: "本站状态：稳定运行中", text: "感谢您来到本站，祝您愉快！\n\n", icon: "success", button: "确定" }); // 收藏夹添加函数 function AddFavorite(title, url) { try { // IE 浏览器 window.external.addFavorite(url, title); } catch (e) { try { // Firefox 浏览器 window.sidebar.addPanel(title, url, ""); } catch (e) { alert("抱歉，您所使用的浏览器无法完成此操作。"); } } } </script> </body> </html>
-
给Typecho的Joe主题隐藏/显示侧边栏模块 上上上上期给大家写了个侧边栏公告，但有个 缺点 ，后台编辑公告栏无文字时不会隐藏，这样很不美观修复教程开始1.将下列代码放入主题目录的functions.php文件里 // 侧边栏公告开关 $NoticeSwitch = new Typecho_Widget_Helper_Form_Element_Select( 'NoticeSwitch', array( 'off' => '关闭（默认）', 'on' => '开启' ), 'off', '是否开启侧边栏公告模块 - PC', '介绍：用于控制是否显示公告' ); $NoticeSwitch->setAttribute('class', 'joe_content joe_other'); $form->addInput($NoticeSwitch->multiMode());2.再将下列代码放入主题目录的public/aside.php文件里 <?php if ($this->options->NoticeSwitch === 'on') : ?> 包裹住你要隐藏的侧边栏模块的代码区域 <?php endif; ?>例如这里我包裹住了侧边栏公告懒人专用 适用于公告栏无文字时隐藏 把下面代码替换 3个方框 里的代码即可 <?php if ($this->options->NoticeSwitch === 'on') : ?> <section class="joe_aside__item hot"> <div class="joe_aside__item-title"> <svg t="1703481319577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1547" width="200" height="200"><path d="M770.9 161.9H648.4v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H414.8v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H227.2c-36.6 0-66.3 29.7-66.3 66.3V886c0 36.6 29.7 66.3 66.3 66.3h543.7c36.6 0 66.3-29.7 66.3-66.3V228.2c0-36.6-29.8-66.3-66.3-66.3z m-421.2 65.4v18.3c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7v-18.1l168.4 0.3v17.8c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7V228l123.6 0.3v112.4H227l0.2-113.5 122.5 0.1z m421.2 659.8L226 886l0.8-480.2H772V886c0 0.6-0.5 1.1-1.1 1.1z" fill="#4A5FE2" p-id="1548"></path><path d="M630.7 532.7H367.3c-17.9 0-32.6 14.7-32.6 32.6s14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6s-14.7-32.6-32.6-32.6zM630.7 654.9H367.3c-17.9 0-32.6 14.7-32.6 32.6 0 17.9 14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6 0-17.9-14.7-32.6-32.6-32.6z" fill="#A1AFFF" p-id="1549"></path></svg> <span class="text">公告</span> </div> <?php $this->options->Notice() ?> </section>
-
-
给Typecho的Joe主题添加侧边栏公告 可能有人觉得Joe主题自带的公告不好用 因为字数多了会... 然后本人复制粘贴改代码写出了侧边栏公告 下图为侧边栏公告样式图 教程开始1 .将下列代码放入主题目录的functions.php文件里 // 侧边栏公告 $Notice = new Typecho_Widget_Helper_Form_Element_Textarea( 'Notice', NULL, NULL, '侧边栏公告 - PC', '介绍：侧边栏公告' ); $Notice->setAttribute('class', 'joe_content joe_aside');//添加后后台不显示把aside改成other $form->addInput($Notice);2 .再将下列代码放入主题目录public/aside.php文件里 <section class="joe_aside__item hot"> <div class="joe_aside__item-title"> <svg t="1703481319577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1547" width="200" height="200"><path d="M770.9 161.9H648.4v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H414.8v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H227.2c-36.6 0-66.3 29.7-66.3 66.3V886c0 36.6 29.7 66.3 66.3 66.3h543.7c36.6 0 66.3-29.7 66.3-66.3V228.2c0-36.6-29.8-66.3-66.3-66.3z m-421.2 65.4v18.3c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7v-18.1l168.4 0.3v17.8c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7V228l123.6 0.3v112.4H227l0.2-113.5 122.5 0.1z m421.2 659.8L226 886l0.8-480.2H772V886c0 0.6-0.5 1.1-1.1 1.1z" fill="#4A5FE2" p-id="1548"></path><path d="M630.7 532.7H367.3c-17.9 0-32.6 14.7-32.6 32.6s14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6s-14.7-32.6-32.6-32.6zM630.7 654.9H367.3c-17.9 0-32.6 14.7-32.6 32.6 0 17.9 14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6 0-17.9-14.7-32.6-32.6-32.6z" fill="#A1AFFF" p-id="1549"></path></svg> <span class="text">公告</span> </div> <?php $this->options->Notice() ?> </section> <?php endif; ?>3 .在Typecho后台→外观→Joe后台→其他设置 修改公告内容<div class="card-widget card-announcement" style="padding: 20px 15px;color: var(--routine);"> 测试 </div>缺点：公告无文字时 侧边栏公告不会消失 如下图 解决缺点方法点我
-
给Typecho的Joe主题添加侧边栏现在时间 现在时间 1. 使用本站链接将下列代码放入 joe主题后台→侧栏设置→自定义侧边栏模块<section class="joe_aside__item today"> <div class="joe_aside__item-title"> <svg t="1679669686576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2889" width="200" height="200"><path d="M511.913993 63.989249c-247.012263 0-447.924744 200.912481-447.924744 447.924744s200.912481 447.924744 447.924744 447.924744 447.924744-200.912481 447.924744-447.924744S758.926256 63.989249 511.913993 63.989249zM511.913993 895.677474c-211.577356 0-383.763481-172.186125-383.763481-383.763481 0-211.577356 172.014111-383.763481 383.763481-383.763481s383.763481 172.014111 383.763481 383.763481S723.491349 895.677474 511.913993 895.677474z" fill="#575B66" p-id="2890"></path><path d="M672.05913 511.913993l-159.973123 0L512.086007 288.123635c0-17.717453-14.277171-32.166639-31.994625-32.166639-17.717453 0-31.994625 14.449185-31.994625 32.166639l0 255.956996c0 17.717453 14.277171 31.994625 31.994625 31.994625l191.967747 0c17.717453 0 32.166639-14.277171 32.166639-31.994625C704.053754 526.191164 689.604569 511.913993 672.05913 511.913993z" fill="#575B66" p-id="2891"></path></svg> <span class="text">现在时间</span> <span class="line"></span> </div> <iframe style="max-width: 100%" frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height="245" src="https://blog.ozzo.top/html/zhong/"></iframe>2. 自建源码 {cloud title="单页html钟表.zip" type="lz" url="https://ruun.lanzn.com/izuOf34s72sd" password=""/}上传到服务器搭建好后 将这src="https://blog.ozzo.top/html/zhong/"修改成你的搭建目录<iframe style="max-width: 100%" frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height="245" src="https://blog.ozzo.top/html/zhong/"></iframe>
-
给Typecho的Joe主题添加在线人数统计 代码如下<?php //首先你要有读写文件的权限，首次访问不显示，正常情况刷新即可 $online_log = "slzxrs.dat"; //保存人数的文件到根目录, $timeout = 30;//30秒内没动作者,认为掉线 $entries = file($online_log); $temp = array(); for ($i=0;$i<count($entries);$i++){ $entry = explode(",",trim($entries[$i])); if(($entry[0] != getenv('REMOTE_ADDR')) && ($entry[1] > time())) { array_push($temp,$entry[0].",".$entry[1]."\n"); //取出其他浏览者的信息,并去掉超时者,保存进$temp } } array_push($temp,getenv('REMOTE_ADDR').",".(time() + ($timeout))."\n"); //更新浏览者的时间 $slzxrs = count($temp); //计算在线人数 $entries = implode("",$temp); //写入文件 $fp = fopen($online_log,"w"); flock($fp,LOCK_EX); //flock() 不能在NFS以及其他的一些网络文件系统中正常工作 fputs($fp,$entries); flock($fp,LOCK_UN); fclose($fp); $tj= "在线人数：".$slzxrs."人"; ?><?php echo $tj ?>使用方法1:先把第一串代码放在public/footer.php顶部 2:把第二 <?php echo $tj ?> 放在你想放的位置 例如 {dotted startColor="#ff6c6c" endColor="#1989fa"/} 其他主题也可以添加，原理一样
-
-
-
