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

Typecho1 1,3213
摘要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中引用即可:文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

1. 制作favicon.ico图片文件

先准备一张长宽比为1:1的图片文件,然后将图片上传到第三方ico生成网站。文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

  • favicon.ico图片在线生成网站:www.bitbug.net
  • 生成后的.ico后缀图片会自动下载到本地,将其更名为favicon.ico。文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

    2. 将favicon.ico上传到Typecho主题目录下

    使用FTP或其他方式,将刚刚生成的favicon.ico图片上传到你的Typecho主题目录下:文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

  • 上传目录:/usr/themes/你的主题名字/
  • 3. 在外观编辑header.php文件添加调用代码

    修改Typecho网站后台--“控制台”--“外观”--“编辑当前外观”中的header.php文件,在<head>标签内添加以下代码:文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

    <link rel="shortcut icon" href="/usr/themes/default/favicon.ico" type="image/x-icon" />

    如下图所示:

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

    typecho header.php中添加shortcut icon代码

    文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

    然后保存文件即可。文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

    在浏览器中打开网站即可看到我们自定义的浏览器图标了。文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html 文章源自新手站长-https://xinshouzhanzhang.com/typechofavicon.html

    【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

    【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

    2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

    注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

     
    • favicon.ico
    • favicon
    • Typecho favicon.ico
    • Typecho浏览器图标
    • ico
    建站教程

    favicon.ico图标制作和显示方法

    favicon.ico图标是指网站打开后浏览器上的小图标,那么favicon.ico图标如何制作?favicon.ico图标制作好了之后怎么显示出来?新手站长网告诉你ICO图标的制作以及网站显示ICO...

      来自外部的引用

    评论已关闭!