[typecho动态设置icon]在你的typecho博客上使用favorites icon整个活🐔~~~

前言

前几天迁移完博客后,想重新照一个好一点的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;
        }

实例
整活结束,点击你的标题看看

参考链接

项目单页
shengxinjing/iconjs -- github
favicon摸鱼工具开发0.2版本

长安念姑苏

评论区
头像