分类 神奇技巧 下的文章

我在用手机Chrome访问 Google Search Console 移动设备适合性测试 发现顶部地址栏颜色改变了,如图:

用手机Chrome访问 Google Search Console 移动设备适合性测试 截图

一般用手机版Chrome访问网页是这样子的,比如现在博客:

用手机Chrome访问 现在博客 截图

到底是用了什么特效呢?我查了下,在Google Developers 找到了这篇文档 Icons Browser Colors | Web | Google Developers

访问 Icons Browser Colors | Web | Google Developers 截图

没错,正是这段代码:

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">

使其变了颜色,ok,既然get到了这个技能,那么应用到我的博客?ok,说干就干,因为我用的是Emlog博客程序所以,打开我使用的主题文件(如果你用的WordPress、Z-Blog等博客程序或者其他的程序,只需要找到类似于 header.php 的公共文件添加即可):

/content/templates/Life/header.php

在<head></head>里加上了这行代码

	<meta name="theme-color" content="#3ac19f">
	<!--  #3ac19f 这是颜色代码,效果就是下图所示-->

然后就变成这样子啦┏(^ω^)=☞

使用特效后访问 现在博客 截图

最后,我想说一声,用手机写一篇博文好气啊,手机不好,写好后,切换到其他网页上传图片然后返回来,又因为内存不足,自动刷新了下网页,导致我又得重写……

前方高能——本篇文章是攻城狮们根据日常收到的case整理而来,亲自编写,希望站长亲们给个好评哦!

平台攻城狮近日接到了百度内部用户的反馈,说 lvshi.baidu.com 站点的收录情况比较差,希望协助追查原因。

攻城狮追查的过程如下:

首先通过site语法检索,发现收录量确实比较少,只有11条,而且还发现一部分是死链数据。

然后根据用户反馈的部分url,检测发现这批链接在20161226日当天已经就已经抓取回来了,首次抓取上是没有问题;

http://lvshi.baidu.com/help/about/story

http://lvshi.baidu.com/help/about/contact

http://lvshi.baidu.com/help/user/guide

http://lvshi.baidu.com/help/user/question

http://lvshi.baidu.com/help/user/feedback

http://lvshi.baidu.com/help/cooperation/provider

http://lvshi.baidu.com/goods?categoryid=1

http://lvshi.baidu.com/goods/33

紧接着发现这批网页都被百度爬虫判定为空短页面,从网页库中获取当时的抓取页面,检查发现这些页面抓取回来的内容是一样的,都是提示让输入邀请码。

被百度爬虫判断为空短页面,肯定是不能被百度搜索收录的。

有站长可能会问,那等网站全部开放后,是不是就可以收录了呢?对于百度爬虫来说,当对一个网站抓取后发现大面积都是低值的空短页面时,爬虫会认为这个站点的整体价值比较低,那么在后面的抓取流量分布上会降低,导致针对该站点的页面更新会比较慢,进而收录也会比较慢。这里学院君再次强调一下,不要让爬虫给站点画上不优质的标签哦,后果很严重!

那么该如何避免呢?方法其实比较简单,网站在邀请测试阶段使用robots封禁就可以。

背景

这篇文章我是转载的;

前几天逛博客的时候发现的一个新玩意儿,名叫一言,之前的域名http://hitokoto.us/已经停止服务很长一段时间了。

所有今天把他加在博客的副标题了,感觉挺不错的。响应速度挺快的,而且还免费。(良心,赞一个)

好了,说了这么多。什么是一言呢?

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

——摘自一言

嗯,说简单点就是获取随机一句话。

下面就是本站调用一言接口的效果图:

本站使用的一言(看不到图片请刷新下本页面)

Demo(HTTP)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<div class="hitokoto">Test</div>

<!-- 首先引入JQ -->
<script src="http://cdn.myiooc.cn/jquery.min.js"></script>
<script>
    $.post("http://api.hitokoto.cn/",null,function(e){
        // $('修改的class名称')
        // e是json数据,里边还有其他内容可以看看文档
        $('.hitokoto').html(e.hitokoto+" —— <strong>"+e.from+"</strong>")}
    ,'JSON');
</script>
</body>
</html>

调用接口:

调用参数:

  • c:可选,有参数时返回对应分类,无参数时返回全部分类,参数:a – Anime - 动画,b-Comic – 漫画,c – Game – 游戏,d – Novel – 小说,e – Myself – 原创,f – Internet – 来自网络,g – Other – 其他
  • text:可选,有参数时输出纯文本,无参数返回全部JSON数据

最后是返回值,默认返回JSON数据。

返回参数:

  • id,本条一言的id值
  • hitokoto,一言正文
  • type,返回类型,取决于调用参数
  • from,一言出处
  • creator,一言创建者
  • created_at,创建时间

最后的最后,你还可以到一言发布你的一言,把你的心声分享给大家。

背景

这篇文章我是转载的;

进过我博客的朋友应该都记得,站点首页响应速度出奇的慢,然而还找不到原因。(好气啊)

经过@调调的提醒,突然就想起来可能是百度收录的锅(还是腾讯云的锅?)。

因为写在module.php每次输出文章都会在线查询一次,去掉试试?<( ̄︶ ̄)>

果然去掉百度收录后博客首页是秒开呀。但是想想不要百度收录查询感觉怪怪的。

话说怎么我博客一篇文章都还没被收录?好吧,偏题了。(会SEO的朋友私密我,谢谢)

所以便写了这么一个接口,同时也开通的SSL。

当页面结束后再利用AJax进行调用,响应速度不用说。(终于找到背锅的了(~ ̄▽ ̄)~)

调用地址

  • https://api.isecret.vip/api?type=baidu&url=http://blog.myiooc.cn

调用参数

  • type:必填,现在还只有baidu这一个参数,后边如果还写什么接口可能还会有更多
  • url:必填,填写需要查询的URL地址

返回格式

参数完整的话会返回一个JSON数据,格式:{"url":"http:\/\/baidu.com","status":1}

返回参数

  • url:即你查询的URL地址,
  • status:返回值只有0和1,0为未收录,1为已收录

调用实例

<script>
var urlArr = $('.api'); //需要先在HTML代码中给接口留一个位置并绑定固定的class
$(urlArr).each(function(i) {
var url = "https://api.isecret.vip/api?type=baidu&url="+urlArr[i].title; //这里title值存放查询链接
$.post(url,null,function(e){
if(e.status == 0){
$(urlArr[i]).html('百度未收录');
}else if(e.status == 1){
$(urlArr[i]).html('百度已收录');
}
},'JSON');
});
</script>

特别鸣谢

感谢Mrxn's Blog

必应每日一图(cn.bing.com),指的是 cn.bing.com 网站的背景图片每天00:00就会更新一张。

很多人都喜欢把这些图片当作壁纸(包括我,当然,我并不是手动更换的,而是通过一款软件《必应自动桌面》来实现每天自动更换壁纸,当然,我们的主题是 如何用PHP抓取必应的每日背景图 )。

Bing的每日背景图片官方都有一个接口,一个是 json 方式,一个是 XML 的方式,所以就有了下面的这两个地址。

1.  http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1
2.  http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1

根据上面接口的参数,我大致得出了以下3个参数的解析:


1. format,非必要。我理解为输出格式,不存在或者不等于js,即为xml格式,等于js时,输出json格式;

2. idx,非必要。不存在或者等于0时,输出当天的图片,-1为已经预备用于明天显示的信息,1则为昨天的图片,idx最多获取到前16天的图片信息;*
3. n,必要。这是输出信息的数量,比如n=1,即为1条,以此类推,至多输出8条。


有兴趣的同学可以去研究上面的接口吧,接下来我来贴代码了,我是调用的第二个接口(返回格式是 XML):

<?php
/**
 *Description:获取Bing每日背景图
 *Version:1.0
 *Author:初文
 */
ini_set('date.timezone','Asia/Shanghai');//设置时区,亚洲、上海;老外好像更喜欢上海,所以不能改成 Asia/Beijing
/**
*我对此做了缓存,减轻服务器负载,如果不需要,你可以自己改一下
*/
$tomorrow=strtotime(date('Y-m-d 00:00:00',strtotime('+1 day')));//明天的时间戳
$cache_time=$tomorrow-time();//明天的时间戳-现在的时间戳=缓存的时间,因为必应每日一图,一天换一次...
$modified_time=@$_SERVER['HTTP_IF_MODIFIED_SINCE'];
if(strtotime($modified_time)+$cache_time>time()){//如果缓存的时间戳大于现在的时间戳
	header("HTTP/1.1 304");//发送HTTP状态码304,使浏览器返回缓存的结果
}else{//否则抓取重新抓取图片,返回给用户
	$str=curl_get('http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1');
	if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){
		$imgurl='http://cn.bing.com'.$matches[1];
	}
	if($imgurl){
		header('Content-Type: image/JPEG');
		header ("Last-Modified: ".gmdate("D, d M Y H:i:s", time() )." GMT");//发送Last-Modified头标,设置文档的最后的更新日期。
		header ("Expires: ".gmdate("D, d M Y H:i:s", time()+$cache_time )." GMT");//发送Expires头标,设置当前缓存的文档过期时间,GMT格式。
		header ("Cache-Control: max-age=$cache_time");//发送Cache_Control头标,设置xx秒以后文档过时,可以代替Expires,如果同时出现,max-age优先。
		@ob_end_clean();
		@readfile($imgurl);
		@flush();
		@ob_flush();
		die;
	}else{
		die('error, please try again !');//获取失败,提醒用户刷新页面重试
	}
}
function curl_get($url,$time_out=10){
	$ch=curl_init($url);
	curl_setopt($ch,CURLOPT_SSL_VERIFYPEER, false);
	curl_setopt($ch,CURLOPT_SSL_VERIFYHOST, false);
	curl_setopt($ch,CURLOPT_RETURNTRANSFER, true);
	curl_setopt($ch,CURLOPT_USERAGENT, 'Mozilla/5.0 (Linux; U; Android 4.4.1; zh-cn; R815T Build/JOP40D) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 Chrome/4.5 Mobile Safari/533.1');
	curl_setopt($ch,CURLOPT_TIMEOUT, $time_out);
	$content=curl_exec($ch);
	curl_close($ch);
	return($content);
}
?>


Demo: https://www.ogdn.net/assets/img/bingimg.php  //仅供演示用,不能用此链接作网站背景链接,因为有防盗链,你弄到网站当背景图也不会显示,要是真有需要,请在下方留言,我抽空做一个外链