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

相关文章:

  • 【工控】线扫相机小结 第六篇
  • uncalled4
  • 麒麟系统使用-PATH设置
  • 【接口自动化】-7- 热加载和日志封装
  • 实战:用 PyTorch 复现一个 3 层全连接网络,训练 MNIST,达到 95%+ 准确率
  • 软件测试关于搜索方面的测试用例
  • DeepCompare文件深度对比软件:权限管理与安全功能全面解析
  • Android Audio实战——获取活跃音频类型(十五)
  • 安全合规4--下一代防火墙组网
  • 企业内外网物理隔离时文件怎么传输更安全
  • ChatML vs Harmony:深度解析OpenAI全新对话结构格式的变化
  • Linux 流编辑器 sed 详解
  • C#使用EPPlus读写Excel
  • Elasticsearch Node.js 客户端的安装
  • 【Node.js从 0 到 1:入门实战与项目驱动】1.3 Node.js 的应用场景(附案例与代码实现)
  • Flutter Dialog、BottomSheet
  • RabbitMQ 消息转换器详解
  • windows上RabbitMQ 启动时报错:发生系统错误 1067。 进程意外终止。
  • 内存问题排查工具ASan初探
  • 嵌入式Linnux学习 -- 软件编程2
  • uart通信中出现乱码,可能的原因是什么 ?
  • 借助 ChatGPT 快速实现 TinyMCE 段落间距与行间距调节
  • Nmap 渗透测试弹药库:精准扫描与隐蔽渗透技术手册
  • 什么是结构化思维?什么是结构化编程?
  • 计算机网络(一)——TCP
  • Vue脚手架模式与环境变量
  • 变频器实习DAY26 CDN 测试中心使用方法
  • Android16新特性速记
  • C语言如何安全的进行字符串拷贝
  • 从 GPT-2 到 gpt-oss:架构进步分析