保姆级给你的博客添加阿里巴巴矢量图标

前言

　今天给我自己的博客首页导航栏添加阿里巴巴矢量图标，然后顺便出个教程以防以后忘记怎么添加的（其实是没东西水了 ::(滑稽) ）。这是还没有添加前的样子，下面开始教材

{lamp/}

正文

{hide}
　首先，去阿里巴巴矢量图： https://www.iconfont.cn/ 注册一个账户，然后点击icon图标库，或你可以在搜索栏搜索你想要的图标，比如首页图标。

这里你可以选择多种图标，可以是纯色的，也可以是彩色的。我喜欢彩色的，因为好看。

当然看到喜欢的先收藏，万一后面有更喜欢的呢。

我懒得找了，直接搜索，搜“资源”图标，先把它加到库里，再把它加到你的项目里，如果没有项目就创建一个。

这里是新建项目按钮

到这个界面后，点击Font class 后点 图标的编辑，然后不动这个界面，去到typecho后台，找到分类界面，办你的分类界面的缩略名记下来，比如我的“资源分享”缩略名是“zyfx”

添加到阿里巴巴矢量图标里的 Font Class / Symbol

当然你也可以重命名图标名称或继续美化改图标，然后保存。

保存后更新代码，每次修改都要更新代码，更新完成后把代码复制添加到后台。

和我一样的主题可以添加到主题外观的head里，其他的主题或博客系统自行摸索。

添加引用代码

<link rel="stylesheet" href="阿里巴巴矢量图标链接">

{/hide}
{lamp/}

结尾

　这个是分类添加图标，独立界面也是同样的方法，本次教程是PC端的，手机端在源码header.php这个里面改。