前言
前几天迁移完博客后,想重新照一个好一点的favicon,找了很久没觉得好的,直到在Github中看到这么一个项目:
根据演示与项目中说明,我们可以通过任何一个按钮控制favicon为播放指定视频,打开摄像头,小游戏贪吃蛇等,想亲自演示的,可以点击下面按钮看我博客icon
魔改至Typecho
无论你用的是什么主题,如果想添加到博客标题甚至是文章中,只需要一行a标签即可(不要全部复制,任选一条使用即可,如果多个同时使用会报重复错误,同时效果也不好)
播放视频:
<a class="yogo_a" href="javascript:var%20ictype='video';var%20vurl='此处是你要播放的直联视频';var%20s%20=document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='https://cdn.jsdelivr.net/gh/shengxinjing/iconjs@0.1/icon.js';void(0);">
视频
</a>
打开摄像头:
<a class="yogo_a" href="javascript:var%20ictype='camera';var%20s%20=document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='./icon.js';void(0);">
摄像头
</a>
贪吃蛇:
<a class="yogo_a" href="javascript:var%20ictype='snake';var%20s%20=document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='./icon.js';void(0);">
贪食蛇
</a>
当页面存在多个是,使用此按钮重置:
<a class="yogo_a" href="javascript:window.local()">
刷新
</a>
以我博客主题Cuteen
为例子
在 Cuteen/include/hero.php
文件中找到最开始的h3
标签,在此标签外添加此a标签
,如:
其他主题方法雷同,但是a
标签具有默认样式,我们可以在后台增强设置 - 自定义样式
当中添加以下样式以去除:
.yogo_a {
text-decoration: none;
color: #FFF;
}