前端 | hexo+yilia博客主题设置网页ico小图标

本文介绍了如何在Hexo使用Yilia主题设置网页小图标(Favicon)。通过在线工具制作32*32大小的.ico文件,命名为favicon.ico并放入指定文件夹,然后编辑head.ejs模板代码,最后部署更新到服务器,实现个性化博客图标。
摘要由CSDN通过智能技术生成

我们常常可以看到不同网站都有专属的网页小图标,比如CSDN这个醒目的C,确实让人眼前一亮的感觉。

那么在hexo+yilia主题里怎么设置这个网页小图标呢?

第一步:

首先我们需要制作小图标图,一般网上都有在线制作的工具,这里我们选择比特虫来制作。

选择一张喜欢的图片,上传在线生成.ico文件,一般选择32*32大小即可,保存名字为favicon.ico

第二步:
  1. 将 favicon.ico 图标文件放到 themes/yilia/source/img 文件夹下

  2. 找到 hexo\themes\yilia\layout_partial\head.ejs,修改下面一段代码为

    <% if (theme.favicon){ %>
     <link rel
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值