当前位置: 首页 > 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.xdnf.cn/news/1280557.html

相关文章:

  • 标准io(1)
  • MySQL中GROUP_CONCAT函数的使用详解
  • 机器翻译:一文掌握序列到序列(Seq2Seq)模型(包括手写Seq2Seq模型)
  • ssh 远程连接加密算法报错
  • MyBatis执行器与ORM特性深度解析
  • 十二、Linux Shell脚本:正则表达式
  • 导入CSV文件到MySQL
  • 打破内网枷锁!TRAE SOLO + cpolar 让AI开发告别“孤岛困境”
  • 腾讯 iOA 测评 | 横向移动检测、病毒查杀、外设管控、部署性能
  • 浏览器CEFSharp+X86+win7 之 测试抖音小店订单抓取(八)
  • 运动规划实战案例 | 基于多源流场(Flow Field)的路径规划(附ROS C++/Python实现)
  • Nmap 渗透测试弹药库:精准扫描与隐蔽渗透技术手册
  • Qt串口通信设计指南:通信层架构与实践
  • [go] 命令模式
  • 【软考架构】主流数据持久化技术框架
  • android 换肤框架详解1-换肤逻辑基本
  • 2025第十六届蓝桥杯大赛青少组省赛C++真题(初级组和中级组)
  • 数学建模——灰色预测(GM11)
  • 北京JAVA基础面试30天打卡07
  • HTTPS的应用层协议
  • react+vite-plugin-react-router-generator自动化生成路由
  • 安全等级认证系列 | 星环ArgoDB获CC EAL2安全认证,数据安全实力获国际认可
  • Linux入门DAY21
  • 用 Python 绘制企业年度财务可视化报告 —— 从 Excel 到 9 种图表全覆盖
  • 读《精益数据分析》:媒体内容平台全链路梳理
  • 低延迟RTSP|RTMP视频链路在AI驱动无人机与机器人操控中的架构实践与性能优化
  • TRS(总收益互换)系统架构设计:多市场交易的技术实现分析
  • 每日五个pyecharts可视化图表-line:从入门到精通 (3)
  • 常用设计模式系列(十九)- 状态模式
  • 闸机控制系统从设计到实现全解析:第 5 篇:RabbitMQ 消息队列与闸机通信设计