Skip to content

字体图标 ​

主题使用 iconfont 图标库。

内置图标 ​

v2.1.3 及以后,内置基本图标使用 simple-memory- 前缀。不同配置字段的写法有所区别:

位置示例说明
sidebar.navList 第三个值icon-github插件会添加内置前缀,同时保留扩展图标类名
sidebar.customList 的 iconsimple-memory-icon-brush_fill直接输出类名,使用内置图标时要写完整前缀
footer.text.iconFont.iconicon-xl插件会添加内置前缀
友链分类的 iconicon-weibiaoti22插件会添加内置前缀

扩展图标库 ​

在 iconfont 创建自己的图标库并获取 CSS 地址,方法见官方教程。保留默认的 icon- 类名前缀,然后配置:

javascript
window.cnblogsConfig = {
  fontIconExtend: 'https://at.alicdn.com/t/你的图标库.css',
  sidebar: {
    navList: [
      ['我的链接', 'https://example.com/', 'icon-xxx'],
    ],
  },
};

将地址和 icon-xxx 替换为图标库实际生成的值。扩展图标与内置图标同名时,扩展样式可能覆盖相应图标,建议为自己的图标使用不重复的名称。