Cnblogs-Theme-SimpleMemory 自定义列表图标配置指南

在 Cnblogs-Theme-SimpleMemory 主题中，customList 配置项允许用户创建自定义的链接列表。最近有用户反馈在配置列表图标时遇到了显示问题，本文将详细介绍正确的配置方法。

问题现象

用户在使用 customList 配置时，按照文档说明添加了 "icon" 属性，期望在列表项前显示图标，但实际效果并未显示预期的图标。

问题原因

经过排查发现，用户使用的是 "icon-brush_fill" 作为图标名称，但该主题实际使用的是另一套图标命名规范。正确的图标类名前缀应为 "simple-memory-"。

解决方案

要正确显示图标，需要将图标类名修改为以下格式：

simple-memory-icon-[图标名称]

例如，要将刷子图标显示在列表前，正确的配置应该是：

customList: {
    "标题": {
        "data": [
            ['列表项1', '链接地址1'],
            ['列表项2', '链接地址2']
        ],
        "icon": "simple-memory-icon-brush_fill"
    }
}

图标使用建议

1. 图标命名规范：所有图标类名必须以 "simple-memory-icon-" 开头
2. 可用图标：主题内置了一套精选的图标集，包括常用工具、社交、箭头等各种类型
3. 视觉一致性：建议选择与列表内容相关的图标，保持整体风格统一
4. 大小调整：图标大小会自动适应列表文字大小，无需额外设置

配置示例

以下是一个完整的配置示例，展示了如何为不同列表设置不同图标：

customList: {
    "技术资源": {
        "data": [
            ['开发文档', '#'],
            ['API参考', '#']
        ],
        "icon": "simple-memory-icon-code"
    },
    "社交链接": {
        "data": [
            ['GitHub', '#'],
            ['Twitter', '#']
        ],
        "icon": "simple-memory-icon-share"
    }
}

通过以上配置，每个列表项前都会显示对应的图标，增强页面的视觉效果和用户体验。

总结

Cnblogs-Theme-SimpleMemory 主题提供了丰富的自定义功能，正确理解和使用其图标命名规范是关键。记住图标类名的前缀规则，就能轻松为自定义列表添加美观的图标指示。如果在使用过程中遇到其他显示问题，建议检查控制台是否有相关错误信息，或参考主题文档获取更多图标名称。