在网页引用 bilibili(B站)超清视频的几种方法

个人比较喜欢B站视频:没视频贴片广告/清晰度高。不过当按照官方提供的分享方式,插入到B站之外的网页时,只能观看标清视频,其他清晰度视频只能跳转到B站官方网站或者客户端播放。非常不方便。
后来我请 Git-master主题的作者云落,在最新版主题中支持了超清画质的B站视频插入,非常感谢!目前虫子获得了三种插入方式,我以该视频https://www.bilibili.com/video/av12777370/为例演示一下。

第一种方式

如果你使用了最新版 Git-master主题,可以在文本模式下,直接黏贴你要播放的视频地址。

https://www.bilibili.com/video/av12777370

第二种方式

把如下代码复制到纯文本模式的编辑器,aid=12777370 中的数字为B站视频的AV号。

第三种方式

右击目标网页查看源代码,然后 Ctrl+f 搜索 cid,把获取到的cid和aid数字替换到编辑器纯文本模式的如下代码中。

七牛云 robots.txt 允许抓取图片禁止抓取网页的写法

这几天百度搜索我的网站玩机大肥虫,发现百度收录了我绑定在七牛云以提供网站加速的二级域名。用七牛云加速自然而然会镜像我主站的全部内容,如果百度发现了一个内容和你网站一模一样的网站,就有可能会被百度K站降权。

虽然玩机大肥虫只是一个因我的个人爱好建起来的小站没什么流量,但作为大肥虫的第一个“亲儿子”我还是很爱惜他的,就算不从百度降权的角度考虑,每当我搜索玩机大肥虫就能看到首页两个一样的网站也会感觉很别扭。
百度搜索玩机大肥虫

首页重复

百度收录玩机大肥虫

用以加速的二级域名被收录

于是,大肥虫决定干掉他,有耐心的朋友继续阅读,没耐心的朋友翻到文章末看具体的解决方案。

原因1:无法屏蔽七牛云镜像html文件

镜像的内容被被收录必须满足两个原因,一个是网站内容被镜像,另一个是空间设置的robots.txt有问题。打开我的wordpress后台,看了允许被镜像的文件类型确实没有html和text。于是删了七牛云空间已经被镜像的html文件并刷新缓存,结果发现被百度收录的ULR依然能被打开,再次查看七牛云空间的文件发现之前被删除的文件的又回来了。

给七牛提交了如何避免html文件被镜像的工单,七牛官网一直没有正式的回复,后来自己查资料好像是七牛云会在网页被访问的时候自动镜像到空间(也就是本来空间没有tu.shaoxianchong.com首页的内容,但是我访问了tu.shaoxianchong.com这个URL后,七牛云空间会自动从我的主站shaoxianchong.com镜像一份)

原因2:robots.txt文件设置出现错误

防止七牛云镜像html文件的暂时无法实现。为了避免用以七牛云镜像加速的二级域名下的更多的URL被百度收录,只能通过robots.txt来实现了。检查了二级域名下的robots.txt发现确实没有防止百度蜘蛛的抓取。大肥虫记得robots.tx是七牛云默认的,不知道为什么robots.txt变成了和主站一样的内容,后来删了七牛云内的robots.tx文件,选择七牛云默认的robots.txt,但是刷新之后七牛云空间又多出来一个robots.txt文件而之前默认七牛云robots.tx的选项又变成了使用自己上传的robots.txt。也就是说七牛云会优先使用用户自己上传的robots.txt

看来只好自己上传一个robots.txt文件了。那么这个robots.txt要怎么写呢?虽然我不希望各大搜索引擎的蜘蛛抓取tu.shaoxianchong.com的网页,但是我用七牛云主要就是给主站做图床,所以不希望影响我的主站shaoxianchong.com图片的被收录。也就是我需要一个能够屏蔽蜘蛛们抓取网页但是允许抓取图片的robots.txt

为了这样一个robots.txt大肥虫捉摸了一天多,很庆幸最终获得这么一个robots.txt,并且在解决这个问题的过程中又学习了很多不能了解过的知识。

允许抓取图片禁止抓取网页的七牛云Robots.txt写法:

1、首先是发现两个Robots.txt爬虫规则检测工具,一个是能用文字解读Robots命令的 http://www.5118.com/robots/ihuan.me,另一个是可以在线检测百度蜘蛛抓取效果的百度站长工具(一定要访问这个URL才能更新自己的robot.txt文件 http://zhanzhang.baidu.com/robots/index)不但有robots.txt检查功能还能直接测试URL。

5118

5118检测

百度站长

百度站长工具检测

2、并且经过测试七牛云默认的robots.txt屏蔽了百度蜘蛛对所有内容抓取包括图片,我们wordpress用七牛云很多都是当图床用的,所以肯定不希望屏蔽图片的被收录。(不过需要注意七牛云是百度图片蜘蛛,大肥虫不确定能够允许图片蜘蛛的抓取,但是肯定是影响了百度搜索蜘蛛的抓取。)

3、综合上述,一个能够屏蔽抓取网页但允许抓取图片的robots.txt是这样的:
robots-禁止首页被收录

禁止抓取首页

robots-禁止首页被收录

禁止抓取网页

robots-允许图片被收录

允许抓取图片

可以直接从这里下载robots.txt 文件上传到你的七牛云,也可以复制下以下内容新建TXT文档上传到七牛云:
[dl href=’http://tu.shaoxianchong.com/robots.txt?attname=’]直接下载[/dl]

robots.txt generated at http://portal.qiniu.com
User-agent: Baiduspider
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: Sosospider
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: sogou spider
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: YodaoBot
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: Googlebot
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: Bingbot
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: Slurp
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: MSNBot
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: googlebot-image
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: googlebot-mobile
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: yahoo-blogs/v3.9
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: psbot
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /
User-agent: *
Allow:/*.jpg$
Allow:/*.gif$
Allow:/*.png$
Allow:/*.bmp$
Allow: /wp-content/uploads/*
Disallow: /

wordpress如何设置导航-顶级目录


大肥虫作为新手,建站成功第一件事情就是想给自己的网站加上导航目录,其实那个时候我也不知道“导航”叫什么,就知道要像大网站一样有一排分类(囧~)于是我开始了慢慢搜索之路,wordpress如何设置目录-如何设置菜单-项目-顶级目录-一级目录,最后也没有什么好答案,还是在乐趣公园的群里在线寻求帮助才懂了他叫导航以及如何设置。
wordpress如何设置导航-顶级目录
后来在群里我也遇到了不少询问此问题的朋友,于是才有了写这个小白教程的开始。虽然给网站设置导航是一件很基本的操作,但是对于我们这些第一次接触网站的小白们还是带来了不少的困扰。好了,闲话不多说,开始。

给wordpress设置一级导航目录

1、进入wordpress后台,选择文章-分类目录
wordpress如何设置导航-顶级目录
2、选择添加分类目录,名称:目录的名字;别名:在网址中显示的字符,建议直接用名称的拼音首字母
wordpress如何设置导航-顶级目录
3、添加成功会在右侧有显示
wordpress如何设置导航-顶级目录
4、打开wordpress外观,选择菜单
wordpress如何设置导航-顶级目录
5、选择新建菜单,随便取一个名字,比如我的叫玩机大肥虫
wordpress如何设置导航-顶级目录
6、选择分类目录,里面会显示你之前新建的所有目录,勾选,然后点击添加到菜单
wordpress如何设置导航-顶级目录
7、添加到右侧的分类目录的顺序可以移动:选中要移动的目录,长按鼠标左键拖动即可。调整完毕,点击保存。
wordpress如何设置导航-顶级目录
8、打开设置-固定链接-点击保存更改到此就彻底搞定了。
wordpress如何设置导航-顶级目录
wordpress如何设置导航-顶级目录

给wordpress设置二级导航目录

有时候你感觉每条导航菜单下面还需要新建几个分菜单,wordpress完全可以实现这个功能
wordpress如何设置导航-顶级目录
1、在添加分类的目录的时候,选中父节点。
类如我要给“应用分享”下面加上二级目录“手机应用”,那么在创建手机应用这个分类目录的时候,父节点选择之前已经建好的应用分享
wordpress导航设置
2、在wordpress外观,选择菜单,设置菜单的时候,把电视应用这个目录长按鼠标左键拖动到应用分享下面即可
wordpress如何设置导航-顶级目录
3、最后别忘了去设置里再次固定一次链接

给wordpress设置首页

最后你会发现还没给导航加上一个“首页”,添加首页的方法也之前的操作不同
1、直接打开wordpress外观,选择菜单-选择自定义链接,URL添加自己的网站,链接文本填写“首页”二字
wordpress如何设置导航-顶级目录
2、然后添加到菜单,并移动顺序至第一位

wordpress七牛云镜像加速小白教程


大肥虫作为纯小白第一次建站,阿里云虚拟主机只有1G空间。当我就在纳闷,如今图片尺寸都那么大,即便按照一张图片1M计算用不了太久就会把1G空间装满呀,是不是还有什么我不知道技巧呢?后来才懂得不但图片要稍微压缩一下在上传,而且还可以使用免费空间做图床存放图片,既增加了空间容量还能利用免费空间做CDN加速。
小白自然有小白的特点,因为不懂得原理,所以教程必须要详细,如果有一步没有提醒到位就会卡住,大肥虫当时为了弄七牛云的免费镜像加速,前前后后花了两天,尤其是在设置自定义域名的时候,官方给的使用文档真的想让我骂爹。小白建站路漫漫,很多大神不屑于回答我们这些小白的问题,所以大肥虫这次就从小白用户的角度,为大家演示整个操作步骤,希望能到帮助那些发自内心建站的朋友们。

注册七牛账号

先去七牛官网注册,https://portal.qiniu.com/正常的信息填写,然后通过绑定支付宝进行实名认证,一旦通过认证就会每月免费享有10G空间+10G流量,未实名认证为每月1G空间+1G流量。

未备案域名七牛云镜像

1、选择添加资源,在对象存储中点击立即添加
wordpress七牛云镜像加速小白教程
2、输入一个空间名字,这名字可以自由的选择,但是不能是中文。访问控制选择为公开空间,最后点击确认创建。
wordpress七牛云镜像加速小白教程
3、打开你创建的空间,比如大肥虫选择的是 huasheng,然后打开最上方的“镜像存储”,接着把镜像源填写为自己的域名,比如大肥虫的 https://shaoxianchong.com (我的站没有WWW,如果你的域名有WWW请自行加上)。
关于robots.txt设置,请参考这个文章:《七牛云robots.txt 允许抓取图片禁止抓取网页的写法
wordpress七牛云镜像加速小白教程
4、选中个人控制面板,点击秘钥管理
wordpress七牛云镜像加速小白教程
5、把AK和SK秘钥保存到文本文档以作备用。
07
6、点击自己的空间名字,如大肥虫的huasheng,选择其中任意一个右侧的七牛测试域名,同样复制到文本文档留作备用
wordpress七牛云镜像加速小白教程
7、打开你的wordpress后台,选中插件,搜索安装 WPJAM 七牛镜像存储插件,安装成功并启用。大肥虫的图片里是已经启用状态的七牛云插件
wordpress七牛云镜像加速小白教程
8、打开你的七牛云插件,在七牛设置里填写我们之前存到文本文档的信息。
七牛域名:填写七牛临时域名(之前大肥虫没有镜像成功,就是因为这一步我填写的是自己的域名,囧~)
七牛空间:之前在七牛设置的空间,例如大肥虫的空间名字叫做 huasheng,我就需要填写 hausheng
ACCESS KEY:填写刚才保存到文本文档里的AK
SECRET  KEY:填写刚才保存到文本文档里的SK
最后别忘了点击保存更改,一般到这一步,你的wordpress就镜像成功,其他选项,如本地设置、缩略图设置你可以根据自己的需要设置
wordpress七牛云镜像加速小白教程
9、如何判断自己的七牛云镜像到底成功没有?你可以打开自己任意带图片文章,查看图片的属性,图片地址如果你你七牛的临时域名,那么就镜像成功了,把媒体库的图片删除后(节省主机空间),我们文章里的图片依然能正常的打开。
wordpress七牛云镜像加速小白教程
除了镜像,七牛云还支持融合 CDN 加速,但是要求你的域名是备注域名才可以。

已备案域名七牛云镜像与加速

1、选择添加资源,在对象存储中点击立即添加
wordpress七牛云镜像加速小白教程
2、输入一个空间名字,这名字可以自由的选择,但是不能是中文。访问控制选择为公开空间,最后点击确认创建。
wordpress七牛云镜像加速小白教程
3、打开你创建的空间,比如大肥虫选择的是 huasheng,然后打开最上方的“镜像存储”,接着把镜像源填写为自己的域名,比如大肥虫的 https://shaoxianchong.com (我的站没有WWW,如果你的域名有WWW请自行加上)
关于robots.txt设置,请参考这个文章:《七牛云robots.txt 允许抓取图片禁止抓取网页的写法
wordpress七牛云镜像加速小白教程
4、选中个人控制面板,点击秘钥管理
wordpress七牛云镜像加速小白教程
5、把AK和SK秘钥保存到文本文档以作备用。
wordpress七牛云镜像加速小白教程
6、点击左侧的添加资源,然后选择右下角的融合CDN加速,此功能需要往七牛云预存10元才能激活,根据提示绑定你的域名,比如大肥虫我绑定的就是 shaoxianchong.com,
wordpress七牛云镜像加速小白教程
7、点击自己的空间,在域名设置的下方会显示出立即绑定一个域名。这是重点!千万不要绑定自己的网站的域名,要绑定一个二级域名,什么是二级域名?如果你不懂也没关系,听大肥虫说的做就行。举个例子,比如我的网站地址是www.shaoxianchong.com,那么我这里填写的地址可以是**.shaoxianchong.com,比如tu.shaoxianchong.com,abc.shaoxianchong.com都可以。看出来规律了把,就是把WWW换成任意字母就行。
wordpress七牛云镜像加速小白教程
8、打开左侧已经创建好的CDN加速空间,比如大肥虫的是tu.shaoxianchong.com,然后在域名信息的下方有一个CNAME地址,我们需要把此地址解析到你的域名。
wordpress七牛云镜像加速小白教程
 
9、大肥虫以万网的域名解析为例为大家做说明。
A处填写CNAME;
B处填写你在第8步设置的二级域名,比如我设置的是tu.shaoxianchong.com,那么我在B处就要填写字母  tu;
C处选择默认
D处填写第10步显示的CNAME地址;
E处默认10分钟。
设置完毕,点击保存即可。
wordpress七牛云镜像加速小白教程
10、打开你的wordpress后台,选中插件,搜索安装 WPJAM 七牛镜像存储插件,安装成功并启用。大肥虫的图片里是已经启用状态的七牛云插件
wordpress七牛云镜像加速小白教程
11、你的七牛云插件,在七牛设置里填写我们之前存到文本文档的信息。
七牛域名:填写自己绑定的二级域名,如我的https://shaoxianchong.com
七牛空间:之前在七牛设置的空间,例如大肥虫的空间名字叫做 huasheng,我就需要填写 hausheng
ACCESS KEY:填写刚才保存到文本文档里的AK
SECRET  KEY:填写刚才保存到文本文档里的SK
最后别忘了点击保存更改,一般到这一步,你的wordpress就镜像成功,其他选项,如本地设置、缩略图设置你可以根据自己的需要设置
wordpress七牛云镜像加速小白教程
12、再次查看图片的地址,已经是tu.shaoxianchong.com开头的了。说明镜像加速成功。
wordpress七牛云镜像加速小白教程

两处需容易犯错的地方

1、未备案域名镜像,在wordpress里的域名,需要填写七牛云提供的测试域名
2、已备案域名镜像,在七牛云设置自定义域名一定不要填写自己网站的www开头的域名,需要填写其他二级域名