Hexo设置 favicon

发表于 | 分类于 |

教程

当浏览器加载一个页面的时候，会默认从该网站的根目录下查找favicon.ico，
例如你的网站是www.xxx.com，则默认会查找`www.xxx.com/favicon.ico`文件，
但是注意，如果你的网站是在某个子目录下，例如：www.xxx.com/blog/，那浏览器还是会去这个地址www.xxx.com/favicon.ico找favicon.icon的。

推荐一个在线制作favicon的网站https://tool.lu/favicon/

将favicon图标 放到./source目录下

如果你使用的next主题还需要修改主题配置文件

1
2
3
4
5
6
7
favicon:
  small: /favicon.ico
  medium: /favicon.ico
  apple_touch_icon: /favicon.ico
  safari_pinned_tab: /favicon.ico
  #android_manifest: /images/manifest.json
  #ms_browserconfig: /images/browserconfig.xml

如果你的网站是放在一个子目录里面的，还需要修改网站的_config.yml的配置

1
2
3
# favicon config
## Place your favicon.ico to /source directory
favicon: /your dir/favicon.png