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

2020年6月23日10:51:22Typecho1 1,208 views2
摘要

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

Typecho如何添加浏览器标签显示图标favicon.ico？新手站长网分享Typecho浏览器图标favicon.ico的添加方法：文章源自新手站长网-https://www.xinshouzhanzhang.com/typechofavicon.html

Typecho浏览器图标favicon.ico

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

1. 制作favicon.ico图片文件

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

  • favicon.ico图片在线生成网站：www.bitbug.net

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

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

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

  • 上传目录：/usr/themes/你的主题名字/

    • 3. 在外观编辑header.php文件添加调用代码

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

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

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

    评论：1   其中：访客  0   博主  0   引用   1

      来自外部的引用： 1

    评论已关闭！