龙空技术网

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

码笔记 34

前言:

此刻我们对“typecho图片上传chevereto”大约比较关心,兄弟们都需要学习一些“typecho图片上传chevereto”的相关内容。那么小编在网络上收集了一些对于“typecho图片上传chevereto””的相关内容,希望各位老铁们能喜欢,你们一起来学习一下吧!

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图片在线生成网站:

生成后的.ico后缀图片会自动下载到本地,将其更名为favicon.ico。

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

使用FTP或其他方式,将刚刚生成的favicon.ico图片上传到你的Typecho主题目录下:

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

修改Typecho网站后台--“控制台”--“外观”--“编辑当前外观”中的header.php文件,在<head>标签内添加以下代码:

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

如下图所示:

typecho header.php中添加shortcut icon代码

然后保存文件即可。

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

标签: #typecho图片上传chevereto