Hexo主题博客设置网站的头条图标Favicon

Hexo主题博客设置网站的头条图标Favicon

---

前言

被老板骂了一顿，看我的博客越看越不爽，这个什么鬼东西？
一点都不好看，我想换怎么办？

---

解决

先说怎么解决，一共有两个办法

一、针对hexo的主题自带的图标设置方法

二、针对没有自带图标的的主题设置方法

---

准备工作

1、先看第一步

• 制作图标icon，网上随便搜都会出现一大堆，主要格式要32*32的正方体图片
• 格式可以是 ico 或者 png

1.2、图片存放位置

（—）、本地存放，放在根目录/themes/”你主题的名字“/source/images里

注：根目录是指你在hexo创建的文件夹内 如：blog

（二）、网络存放，上传到图床，直接通过图床给出外链访问

SunPics - 基于EasyImage的开源免费图床 (sunbangyan.cn)

---

解决方案

一、

打开根目录文件夹，一般有两个_config.yml文件，一个是hexo框架的配置文件，一个是你下载的主题配置文件，我们需要打开你下载的主题配置文件

比如我的主题配置文件是在这里

写入图片路径即可

如果是外链，直接复制，粘贴上去即可

如果，在主题中找不到这一行，可以自己写入。

另外也可以直接简写

favicon: 你刚才存放的位置

如果第一个方案，还没有解决你的问题，我们看第二个

二、

打开文件夹，找到head.ejs文件

• 路径：根目录/themes/“你的主题文件名字”/layout/_partial/head.ejs

找到这一行：

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

• href="这个路径修改为自己存放图标图片的位置”

在head.ejs找不到这一行，自行添加上去即可

然后hexo三连

hexo c

hexo g

hexo s

在终端上运行，游览器上自行查看即可，可以了，再hexo d 重新部署上线

---

题外

---

Azitide