给hexo添加网页图标

  • hexo + yilia 主题设置图标方法
  • hexo 其他设置图标方法

hexo + yilia 主题设置图标方法


1. 制作ico小图标

推荐一个ico制作网站:https://www.bitbug.net/
选择一张图片上传,生成.ico文件,这里建议32*32大小,保存名为favicon.ico文件,这里建议32*32大小,保存名为favicon


2. 放置图标

将 favicon.ico 图标文件放到 themes/yilia/source/img 文件夹下,
找到 hexo\themes\yilia\layout_partial\head.ejs,修改下面一段代码为:

<% if (theme.favicon){ %>
<link rel=”icon” href=”/img/favicon.ico”>
<% } %>


3. 部署

hexo g
hexo s
hexo d


hexo 其他设置图标方法

Hexo next主题默认的网页图标长这个样子:

默认hexo图标


1. 下载或制作ico小图标

如上一种方法。


2. 放置图标

下载的图标重命名为favicon.ico,位置放在/themes/xxx/source/images中。


3. 放置图标

修改主题配置文件,在/themes/xxx/_config.yml中修改成自己的图标。

favicon:
small: /images/favicon.ico
#medium: /images/favicon-32x32-next.png
medium: /images/favicon.ico
apple_touch_icon: /images/apple-touch-icon-next.png
safari_pinned_tab: /images/logo.svg
#android_manifest: /manifest.json

Author

Lamber

Posted on

2021-12-31

Updated on

2022-01-05

Licensed under