首页 > 其他分享 >博客园-awescnb插件-geek皮肤优化--浏览器ico图标修改

博客园-awescnb插件-geek皮肤优化--浏览器ico图标修改

时间:2024-08-28 21:48:44浏览次数:3  
标签:插件 ico 自定义 awescnb 博客园 link document 图标

简介

通过js方式自定义修改博客园-awescnb插件-geek皮肤下浏览器ico图标

图标准备

准备自定义的图标,上传至博客园个人的相册中

代码注入

定义自定义HTML:
博客园->管理->设置->页脚 HTML 代码
添加相关代码


  //更换ico图标
  function updateICO(){
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
    link.rel = 'icon';
    link.href = "https://images.cnblogs.com/cnblogs_com/zktww/2418533/t_240828132413_logo-1.png";
    document.getElementsByTagName('head')[0].appendChild(link);
  }
  updateICO();

link.href修改为自定义的图标地址
document.querySelector返回匹配指定选择器的元素
document.createElement创建元素
document.getElementsByTagName获取HTML文档中具有指定标签名的元素
headlink引用外部资源,rel="icon"为图标资源


结束

标签:插件,ico,自定义,awescnb,博客园,link,document,图标
From: https://www.cnblogs.com/zktww/p/18385584

相关文章

  • 【Unity热门插件】Curvy Splines:Unity中的曲线艺术
    ......
  • 博客园美化系列第四弹
    <!--鼠标点击特效--><scripttype="text/javascript">vara_idx=0;jQuery(document).ready(function($){$("body").click(function(e){vara=newArray("❤富强❤","❤民主❤","❤文明❤","❤和谐❤"......
  • 博客园美化系列第五弹
    <!--鼠标星星--><scripttype="text/javascript">if(screen&&screen.width>860){document.write('<scripttype="text/javascript"src="https://blog-static.cnblogs.com/files/vivin-echo/curs......
  • 博客园美化系列总结
    页面定制css代码//鼠标指针body{cursor:url('https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico'),auto;background-color:whitesmoke;//修改背景颜色为半透明}//loading@keyframesspin3D{from{transform:rotate3d(0.5,0.5,0.5,360deg)}to{transfo......
  • 博客园美化系列第一弹
    博客园美化系列第一弹首先要确保你已经申请开通博客「理由随便写,积极向上即可」,且已通过审核。然后进入【设置】,申请js权限。申请理由举例「从网上找的,当时直接复制上就通过了」:尊敬的博客园管理员:您好,我想通过js定制化我的博客,麻烦通过下我的申请。谢谢!通过审核后,......
  • HBuilderX运行报错,一直是“正在下载XX插件”
    一、HBuilderX简介:HBuilderX简称HX,HBuilder,H是HTML的缩写,Builder是建设者。是为前端开发者服务的通用IDE,或者称为编辑器。与vscode、sublime、webstorm类似。它可以开发普通web项目,也可以开发DCloud出品的uni-app项目、5+App项目、wap2app项目。目前有500......
  • Python开发工具:VSCode+插件
    本篇是Python系列教程第3篇,更多内容敬请访问我的Python合集VisualStudioCode的安装非常简单,就不放这里增加文章篇幅了。相比PyCharm,VSCode更加轻量,启动速度快。并且搭配Python插件就能实现和Pycharm一样的代码提示、高亮效果。1安装插件安装插件也非常简单,打开VSCo......
  • 一起来学习.net core程序使用中介者模式:MediatR插件
    一起来学习.netcore程序使用中介者模式:MediatR插件     中介者模式是一种常见的设计模式,旨再降低程序的耦合性,因为传统的三层模式层层之间需要显示的调用,必须上层依赖下层,耦合性很高,为了解耦,将所有的指令单独放在一个位置处理,其他位置均通过这个位置来间接的调用,从......
  • 金蝶云星空插件引入
    1、‌金蝶云星空中使用StringBuilder需要引入System.Text命名空间fromSystem.Textimport*......
  • ComfyUI-插件IPAdapter图片融合(附插件)
    哈喽大家好,前两期介绍了IPAdapter的风格迁移和人物形象迁移,这期来分享下如何利用IPAdapter实现两张图的融合参考图1参考图2融合图图片融合1、工作流将基础工作流中的【IPAdapterUnifiedLoader】节点换成【IPAdapterUnifiedLoaderCommunity】【IPAdapter】节......