Typecho是一款轻量级博客系统,默认没有favicon设置功能,需要手动添加。本文详解Typecho favicon设置的完整方法。
方法一:上传favicon.ico到根目录
- 用图捷智转把PNG logo转成favicon.ico
- 通过FTP或主机控制面板登录网站空间
- 把favicon.ico上传到Typecho安装根目录
- 修改主题的header.php文件
方法二:修改主题header.php
不同主题文件位置略有差异,一般在:
/usr/themes/主题名/header.php
打开header.php,在
标签内添加:<link rel="icon" type="image/x-icon" href="<?php $this->options->siteUrl(); ?>favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="<?php $this->options->siteUrl(); ?>favicon.ico">
保存文件后,清除浏览器缓存即可看到效果。
方法三:放到主题目录
如果不想放根目录,也可以放主题目录:
- 把favicon.ico上传到/usr/themes/主题名/
- 修改header.php添加代码:
- <link rel="icon" href="<?php $this->options->themeUrl('favicon.ico'); ?>">
Typecho favicon设置注意事项
- 更新主题后header.php可能被覆盖,需要重新添加代码
- 建议使用子主题修改,避免主题更新丢失
- favicon.ico文件大小建议不超过10KB
- 包含16x16、32x32、48x48多尺寸最佳
需要生成标准favicon.ico时,使用图捷智转PNG转ICO在线工具,生成多尺寸ICO文件兼容所有浏览器。