在博客中添加外部icon的一种方法

由于非互联网专业,又是第一次接触博客和网页编辑所以网上一些教程实现失败,所以做一个傻瓜式的教程,帮助一下我这样的萌新.

寻图

使用阿里矢量图库

http://www.iconfont.cn/
在图库中找到需要的icon,添加入库

把icon添加进项目

点击右上角购物车样式图标打开以下界面,并将icon添加进项目(如果没有项目就随便新建一个)

在我的项目中获取css代码

进入我的项目（可在我的资源中找到），选择Font Class（若没有代码链接点查看在线链接）

复制代码

点击得到的链接可得下图，全选代码复制进入博客后台的页面定制css代码栏

调用icon

在使用位置直接调用即可，名称如下图划线部分（icon-jiahao）

调用（以silence美化为例）

完成！

本文完全是操作性质，可能有很多步骤绕了路，因为本身没学过Html，但是最终也是能达成目的，如果可以帮到一些和我一样的新手就好了。
空下来也要好好学一下网页制作了看来