为BlueLake主题增加自定义icon图标

大数据161

一、前言

hexo 的 Bluelake 主题是我一直在用的,简单大方,很喜欢。但最近有了添加自定义 icon 图标的需求,比如,添加 "地址"、"扫一扫"、"优惠券" 等 icon,还是很有必要研究一下如何制作的。

然后我就去了主题作者 chaooo 的 github 上留言,咨询其方法,作者回复的很快,按照作者的回复,成功将自定义图标制作出来了,也分享给有需要的人。

为BlueLake主题增加自定义icon图标

二、阿里妈妈图标库

官网地址:www.iconfont.cn/

icon 图标使用指南:https://github.com/chaooo/hexo-theme-BlueLake/issues/99 ,在这里我是参考的 font-class 引用。

为BlueLake主题增加自定义icon图标

1、新建项目

首先通过 github 或 新浪微博 账号登录 阿里妈妈图标库;然后,点击 图标管理 -> 我的项目 -> 新建项目,如下图所示:

输入验证码查看隐藏内容

扫描二维码关注本站微信公众号 Johngo学长
或者在微信里搜索 Johngo学长
回复 svip 获取验证码
wechat Johngo学长