当前位置: 首页 > news >正文

typecho博客设置浏览器标签页图标icon

修改浏览器标签页图标(favicon.ico)

第1种:上传到服务器本地目录

1、制作图标文件:准备一张长宽比为 1:1 的图片,将其上传到第三方 ico 生成网站,生成后缀为.ico 的图片文件,并将其命名为 favicon.ico

2、上传图标文件:使用 FTP 或其他文件管理工具,将 favicon.ico 上传到 Typecho 的主题目录下,通常路径为/usr/themes/你的主题名字/

3、添加调用代码:登录 Typecho 后台,进入 “外观”->“编辑当前外观”,打开 header.php 文件,在<head>标签内添加代码:

<link rel="shortcut icon" href="<?php $this->options->themeUrl('img'); ?>/favicon.ico" type="image/x-icon" />

第2种方法:使用第三方图标URL、某云cdn

<link rel="shortcut icon" href="http://shared.ydstatic.com/images/favicon.ico" type="image/x-icon">

对应的主题目录:

themeUrl('img')对应主题目录下的img图像文件夹

保存文件后,刷新浏览器即可看到修改后的图标

可能存在的问题

1、设置完成后图标不显示?

可能原因:文件路径设置不正确,文件权限问题

文件权限不对

检查文件权限,修改文件所有者

chown 33:33 favicon.ico

http://www.dtcms.com/a/325607.html

相关文章:

  • 石材 × 设计:解锁永恒材质的四大灵感密码
  • 数据结构 双链表与LinkedList
  • 18.WEB 服务器
  • 超算中心的一台服务器上有多少个CPU,多少个核?
  • JVM基础【Java】
  • 力扣164:最大间距
  • 深入理解与灵活应用 std::optional
  • vue3中的子组件向父组件通信和父组件向子组件通信
  • python --nacos相关
  • MSE ZooKeeper:Flink高可用架构的企业级选择
  • 《图解技术体系》New generation CMDB resource model framework
  • 自然语言处理实战:用LSTM打造武侠小说生成器
  • 【AI论文】R-Zero:从零数据起步的自进化推理大语言模型
  • JavaScript 中如何实现大文件并行下载
  • AI(2)-神经网络(激活函数)
  • 支持小语种的在线客服系统,自动翻译双方语言,适合对接跨境海外客户
  • NY185NY190美光固态闪存NY193NY195
  • 《深度剖析前端框架中错误边界:异常处理的基石与进阶》
  • pom.xml父子模块配置
  • 深入理解Android Kotlin Flow:响应式编程的现代实践
  • 部署open-webui到本地
  • TDengine IDMP 基本功能(1.界面布局和操作)
  • 某地渣库边坡自动化监测服务项目
  • 企业高性能web服务器1
  • FPGA实现Aurora 8B10B图像视频传输,基于GTX高速收发器,提供4套工程源码和技术支持
  • 新手向:Python实现数据可视化图表生成
  • LVPECL、LVDS、LVTTL、LVCMOS四种逻辑电平标准的全面对比
  • DDoS 攻击成本测算:从带宽损耗到业务中断的量化分析
  • FPGA硬件设计1 最小芯片系统-Altera EP4CE10F17C8、Xilinx xc7a100t
  • 邬贺铨院士:AI与数字安全融合是数字化建设核心驱动力