Typecho-Joe主题自带收录检测异常问题修正方法 {card-describe title="写在前面"}　　从使用Typecho开始就一直使用Joe主题，使用过程中遇到了极多问题，但我自己都不会修改，只有等开发者更新，包括大家可能都发现的文章收录检测问题，不管有没有秘钥、有没有收录均会显示已收录，通过各种搜索后找到了问题的解决办法，故而记录下来供大家参考。{/card-describe}问题所在　　通过查询资料得知，该问题是由于百度针对附加参数进行了检测导致，去掉以后就可以获取校正后的结果。修改文件文件路径： themes/Joe-master/core/route.php 修改位置： 打开后找到143行，在143行内容后另起一行插入下列代码。{tabs}{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}{/tabs}参考图 最终结果　　修改后即可保存，然后打开你的文章，你就会发现没有收录的文章它检测出来的就是显示未收录的状态，快去试试吧。

Typecho-Joe主题参照WordPress-DUX主题实现Logo扫光效果 前言： 博客的Logo是不是感觉平平无奇？如果想要不一样可以加上扫光效果，只需要简单的几步即可实现。（和DUX主题一样）目录创建css文件引入css文件扫光效果实现写在最后创建css文件将以下代码复制备用：.joe_header__above-logo{ overflow:hidden; display: block; } /* 这一步是为了弹性布局，照着写就行啦，不然手机端出错。 */ .joe_header__above-logo:before { content: ""; position: absolute; top: -50px; left: -15px; width: 250px; height: 12px;/**光标的宽度，可根据实际调整（建议默认）**/ background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: flashlights 1s ease-in 1s infinite; -o-animation: flashlights 1s ease-in 1s infinite; animation: flashlights 1.5s ease-in 1s infinite;/**1.5数字参数控制扫光速度，数字越大越慢，默认也是可以的。**/ } @-webkit-keyframes flashlights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @-o-keyframes flashlights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @-moz-keyframes flashlights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @keyframes flashlights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } /* 博主实际测试后有效，请放心使用，效果观赏www.imkee.com */复制上方的代码，找到博客程序文件，进入usr/themes/JoeJoe主题的文件打开joe文件，找到assets/css文件夹进去新建一个文件，命名为joe.logo.css当然你自己想一个也行，但是必须是以css后缀结尾的文件，新建好之后，我们把代码粘贴保存即可。CSS文件上传路径： usr/themes/Joe/assets/css/joe.logo.css引入CSS文件<!-- 扫光引入开始 --> <link rel="stylesheet" href="这里是路径：/usr/themes/Joe/assets/css/joe.logo.css"> <!-- 扫光引入结束 -->将上面的代码放入head里面，Joe主题的是在后台全局设置里面的自定义head那里填入link引入代码即可，路径不要有文字哦。可以是https和http开头的链接，但是不能有文字开头的哦。扫光效果实现完成上述的几个步骤之后我们的Logo扫光就添加完成啦，要看效果的话请访问： Kee's Note写在最后新建CSS文件完成代码的填写，引入填写的代码，引入的代码的代码就是使用link进行的，将代码引入到网站的head里面进行加载然后就可以看到效果啦。当然这个css照样可以放到cdn云存储，到时候复制好cdn的链接link引入即可。

百度收录量API查询PHP源码 看到有一些博主会把自己博客的收录数量显示在网站底部，把这个显示出来的好处一是自己可以知道网站收录数量多少(虽然我没有），二是申请友链的伙伴们也知道你网站有多少收录，但大多数人都是用别人的API接口来实现，假如别人的API接口失效了，自己网站就多了个404的JS文件，这样会导致网站打开速度慢了一点点！通过搜索学习，看到有可以自建的查询，这里直接把接口源码分享了！食用方法1、新建一个php文件，把下面的代码粘贴进去；2、API接口的源码，查询方法：your domain/file name.php?domain=查询域名<?php /* Plugin Name:百度收录量查询 Version:1.0 Plugin URL：http://xxx.xx Description:根据域名返回百度收录量 Author:xxx Author URL:http://xxx.xx */ $domain = (isset($_GET['domain']))?$_GET['domain']:$_POST['domain']; if(empty($domain)) echo '查询域名不能为空'; $count = baiduSL ($domain); if(!isset($count)) showjson(array('code'=>200502,'msg'=>'查询失败，请重试！')); if(!$count) $count = 0; $result=array( 'code'=>1, 'domain'=>$domain, 'data'=>$count ); print_r(json_encode($result)); unset($domain,$result,$ch); function baiduSL ($domain) { $baidu='https://www.baidu.com/s?ie=utf-8&tn=baidu&wd=site%3A'.$domain; $bdsite=BD_curl($baidu); $bdsite = str_replace(array("\r\n", "\r", "\n", ' '), '', $bdsite); if (!$count) preg_match('/找到相关结果数约(.*?)个/i',$bdsite,$count); $baiduSL=strip_tags($count[1]); unset($count); return $baiduSL; } function BD_curl($url){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $ret = curl_exec($ch); curl_close($ch); return $ret; } ?>

使用UptimeRobot API自建开源颜值高的服务器Ping和网站在线率监控 UptimeRobot介绍Uptime Status是一个可以调用UptimeRobot监控结果API的源码。UptimeRobot是全球著名的一个正常运行时间监控服务，有免费版和收费版。免费版可以监控50个项目，我们使用免费版即可，基于UptimeRobot国外监控站点的API，由国人站长美化的前端，做的这款源码，而且是非常简单只需要简单的配置API到JS文件中即可丢到网站或者对象存储中即可运行。UptimeRobot官网： UptimeRobot Uptime Status-Github：uptime-statusUptimeRobot功能：HTTP网页监控Ping监控Keyword网页关键词检测Port端口检测申请我们需要到uptimerobot.com申请账户，以及添加监控的网站或者IP地址。完毕之后，我们需要申请API。选择你要监控的方式，比如http或者Ping点击上方的My Settings，获取API密钥这里我们申请到uptimerobot账户之后，且添加需要监控对象。在My Setting中看到上图的[Monitor-Specific API Keys]，点击[Show/hide it]然后找到我们添加的目标后生成密钥KEY。将KEY密钥添加到config.js对应的位置。将Uptime Status源码上传到你的服务器无需PHP和MySQL等数据库环境。上传后即可使用。修改config.js文件将config.js文件里的API修改成自己的就完成了。可以填入一个全局API，也可以填入多个单项目的API密钥。配置完毕之后，我们丢到可运行网站HTML的地方都可以执行。这里需要注意的，如果我们需要添加其他监控目标的话，要效仿上面一样添加对应目标的KEY文件。就这么简单，我们是不是也可以制作一个自定义独立的站点和服务器监控，且无需数据库支持。且UptimeRobot有支持免费50个监控目标支持。

利用PicGo+GitHub搭建免费的博客图床 写在前面　　我想博主们在写文章的时候都必不可少的会在文中加入图片，如果将图片存到本地占空间不说，再者就是如果图片的位置改变，图片可能就找不到了，而且图片过多对于迁移也有一定的影响，因此图床也是一个不得不考虑的话题。　　可供使用的图床有很多，比如七牛云、又拍云，但是均需要备案域名，当然网上也有很多第三方提供的图床，但是终归大厂更放心，故只能退而求其次选择Gitee或者GitHub了，但是Gitee对于图的审核不知道是什么机制，我一张正常的图片提示我违规，那最终只能选择GitHub了，因此记录一下使用PicGo+GitHub的搭建图床的方案。基本流程注册GitHub -> 新建public仓库 -> 创建token -> 保存token -> 配置PicGo创建仓库2.1 创建图床仓库2.1.1 创建GitHub图床之前，需要注册/登陆GitHub账号2.1.2 点击GitHub主页右上角头像边上的+选择New repository2.2 填写仓库信息Repository name：自定义即可，为了好记直接就取名为blogimg；（注意：仓库名填写后是不能修改。）Description：描述，也相当于一个备注，可以修改的直接随意填写；Public&Private：此处选择Public，因为客户端访问算是外部访问，故而选择Public公有化，如果选择Private会导致图片只能存储不能显示；lnitialize this repository：Choose a license、Add .gitignore以及Choose a license可以根据需求选择。2.3 生成Token　　仓库建立成功后需要在GitHub个人设置页面，创建一个访问令牌才能够使用PicGo上传图片。2.3.1 setting　　点击GitHub右上角的头像然后选择setting进入设置页面；2.3.2 Developer settings　　直接点击侧边栏的Developer settings　　然后选择Personal access tokens -> Generate new token　　填写Note，Select scopes勾选repo权限，然后点击页面底部Generate token即可；2.3.2 保存Token　　注意：点击Generate token创建成功后会生成一串token，这串token只在创建成功后显示一次，所以一定要保存好，当然如果忘记了也不怕，重新生成一个即可。配置PicGo3.1 下载安装　　PicGo（当前版本为2.3.0-beta.6）是一个非常优秀的开源图床工具，可以通过GitHbu下载，但速度就随缘了，可以通过以下两种方式下载。GitHub下载：{cloud title="PicGo" type="github" url="https://github.com/Molunerfinn/PicGo " password=""/}网盘下载：{cloud title="PicGO for Lanzou" type="lz" url="https://www.lanzous.com/" password="6666"/}3.2 详细配置设定仓库名：设定仓库名的格式为“GitHub账户名/仓库名”，例如：myblog/images；设定分支名：此处踩了个坑，按照网上的教程来说分支名统一填写master，但是实际上GitHub已经将分支名修改为main；设定Token：将之前的Token令牌粘贴在这里；(注意：Token可以设置限制有效时长或永久有效)指定存储路径：这个地方可以通过写入一个路径名，从而实现指定目录的上传，如我设置的是images/uploads/2021/04/，该设置会自动在仓库下创建images/uploads/2021/04/文件夹，自定义程度高且分类方便；设定自定义域名：作用是在上传图片成功后，PicGo会将自定义域名+上传的图片名拼接生成访问链接，生成的链接可以直接复制，GitHub的域名格式为https://raw.githubusercontent.com/用户名/仓库名/，例如：https://raw.githubusercontent.com/github/images。　　现在大部分网站程序都支持Markdown语法，使用PicGo+GitHub真的超级棒，喜欢的朋友也可以去试试。