字体图标库

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

拓展图标

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

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

注意

v2.1.3 版本后内置图标库的 class 前缀使用 "simple-memory-" 防止硬编码的图标被异常覆盖。在配置项中的可配置图标：同名自定义图标优先级大于内置图标
拓展图标库不要修改 FontClass/ Symbol 前缀，使用默认的 "icon-"

javascript

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

使用教程

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

window.cnblogsConfig = {
    sidebar: { // 列表数据 ['导航名称', '链接', 'icon']
        navList: [
            ['我的博客1', 'https://www.cnblogs.com/bndong/', 'icon-xxx'],
            ['我的博客2', 'https://www.cnblogs.com/bndong/', 'icon-xxx'],
        ],
    },
}

内置图标

提示

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

基本图标

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

预览页面>>

文章标题图标

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

预览页面>>

字体图标库 ​

拓展图标 ​

使用教程 ​

内置图标 ​

基本图标 ​