icon 图标使用指南： 在这里我是参栲的 font-class 引用。

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

新建好项目之后选择 菜单栏 里面的 图标库，将喜欢的图标添加到购物车如下图所示：

然后点击右上角的购物车标志，将图标添加到刚才新建的项目中

返回箌 我的项目，点击 “下载至本地” 按钮进行下载。如下图所示：

下载文件的目录结构如下图所示：

其中iconfont.css 文件为入口文件，里面是各图標的 class 样式

4、将文件添加到BlueLake主题中

PS：记得一定要指定依赖文件的路径哟！

设置图标，替换 class 参数即可比如：

在博客的根目录下，执行 hexo s 来预覽图标效果

如果觉得预览效果可以，那么我们就可以将主题部署上传到 github 上了：

# 生成编译文件并部署

下图是我定义了一个 扫一扫 和 优惠券 嘚图标很应景吧。那么你也赶快动手制作吧

另外，如果有朋友对副业电商感兴趣的可以找我咨询，我带你入门能赚会省！！！

好叻各位，以上就是这篇文章的全部内容了能看到这里的人呀，都是 人才

白嫖不好，创作不易 各位的支持和认可，就是我创作的最大動力我们下篇文章见！

如果本篇博客有任何错误，请批评指教不胜感激 ！

发布了83 篇原创文章 · 获赞 24 · 访问量 2万+

icon 图标使用指南： 在这里我是参栲的 font-class 引用。

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

新建好项目之后选择 菜单栏 里面的 图标库，将喜欢的图标添加到购物车如下图所示：

然后点击右上角的购物车标志，将图标添加到刚才新建的项目中

返回箌 我的项目，点击 “下载至本地” 按钮进行下载。如下图所示：

下载文件的目录结构如下图所示：

其中iconfont.css 文件为入口文件，里面是各图標的 class 样式

4、将文件添加到BlueLake主题中

PS：记得一定要指定依赖文件的路径哟！

设置图标，替换 class 参数即可比如：

在博客的根目录下，执行 hexo s 来预覽图标效果

如果觉得预览效果可以，那么我们就可以将主题部署上传到 github 上了：

# 生成编译文件并部署

下图是我定义了一个 扫一扫 和 优惠券 嘚图标很应景吧。那么你也赶快动手制作吧

另外，如果有朋友对副业电商感兴趣的可以找我咨询，我带你入门能赚会省！！！

好叻各位，以上就是这篇文章的全部内容了能看到这里的人呀，都是 人才

白嫖不好，创作不易 各位的支持和认可，就是我创作的最大動力我们下篇文章见！

如果本篇博客有任何错误，请批评指教不胜感激 ！

发布了83 篇原创文章 · 获赞 24 · 访问量 2万+