教程

Typecho浏览器图标favicon.ico添加方法

薄荷先生 · 7月8日 · 2020年 · ·
  1. 制作favicon.ico图片文件
    先准备一张长宽比为1:1的图片文件,然后将图片上传到第三方ico生成网站。
    favicon.ico图片在线生成网站:www.bitbug.net
    生成后的.ico后缀图片会自动下载到本地,将其更名为favicon.ico
  2. 将favicon.ico上传到Typecho主题目录下
    使用FTP或其他方式,将刚刚生成的favicon.ico图片上传到你的Typecho主题目录下:
    上传目录:/usr/themes/你的主题名字/
  3. 在外观编辑header.php文件添加调用代码
    修改Typecho网站后台–“控制台”–“外观”–“编辑当前外观”中的header.php文件,在标签内添加以下代码:(注意修改代码主题名字部分)

<link rel="shortcut icon" href="/usr/themes/主题名字/favicon.ico" type="image/x-icon" />

如下图所示:

然后保存文件即可。

在浏览器中打开网站即可看到我们自定义的浏览器图标了。

1 条回应
  1. 马小胖2020-7-14 · 16:04

    谢谢分享好教程!