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

  • A+
所属分类:Typecho
摘要

Typecho设置浏览器图标favicon.ico的方法,先制作ico图片然后上传到主题所在目录,然后编辑外观在header.php文件中插入shortcut icon代码

阿里云优惠券免费领取

Typecho如何添加浏览器标签显示图标favicon.ico?新手站长网分享Typecho浏览器图标favicon.ico的添加方法:

Typecho浏览器图标favicon.ico

Typecho博客程序添加favicon.ico图标后,浏览器顶部标签会显示自定义图标,方法很简单,新手站长网先来简单说下:先制作favicon.ico图片文件,然后上传到Typecho主题目录下,最后在Typecho的模板文件header.php中引用即可:

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文件,在<head>标签内添加以下代码:

    如下图所示:

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

    typecho header.php中添加shortcut icon代码

    然后保存文件即可。

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

    注意:购买「阿里云服务器91元起」2020年618特惠活动,可以领取阿里云2000元代金券,符合条件的订单可以优先使用代金券抵扣。

    阿里云高性能云服务器优惠
    新手站长

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: