字体图标库

本主题使用的图标库为阿里巴巴矢量图标库 iconfont。

拓展图标

大家可以在 iconfont 生成自己的图标库，生成方法参考官方教程。

获取样式地址后按照下面示例方式添加到配置中

注意

拓展图标库需要修改 FontClass/ Symbol 前缀，不能使用默认的 "icon-"

javascript

window.cnblogsConfig = {
    fontIconExtend: "//at.alicdn.com/t/font_xxxxxxxxx.css",
}

使用教程

比如说在侧边栏配置中，这时候就可以愉快的使用自己拓展图标的图标进行配置了

window.cnblogsConfig = {
    sidebar: { // 列表数据 ['导航名称', '链接', 'icon']
        navList: [
           {text: "随笔", link:'https://i.cnblogs.com/posts/edit', icon: 'x-icon-brush-fill'},
        ],
    },
}

内置图标

提示

内置图标分为基本图标和文章图标，两者加载的文件和位置均不同；

基本图标

用于主题基本图标的配置，默认以CSS方式进行加载，主题初始化时就会加载；

预览页面>>

文章标题图标

用于文章标题前的修饰，以 JS 方式进行加载，开启相应的配置后只会在文章页进行加载；

预览页面>>

字体图标库 ​

拓展图标 ​

使用教程 ​

内置图标 ​

基本图标 ​