Skip to content

自定义LOGO以及主题图标

fengkx edited this page Oct 4, 2017 · 3 revisions

NexT 使用 IcoMoon 的服务为主题提供四套内建的图标。

借助于这个特性,你可以定制自己的LOGO以及主题的图标。自定义图标需要手工处理:

  1. IcoMoon 挑选图标,并生成对应的字体文件。假设你的字体文件命名为 foo 。需要注意的是,生成字体的文件名 icomoon 不要更改。

  2. source/fonts/ 目录下新建一个目录,名称以 icon- 开头加上 foo ,即 source/fonts/icon-foo

  3. source/css/_common/_fonts/ 目录下新建一个 styl 文件,名字为 icon-foo.styl。将 IcoMoon 提供的样式文件迁移到这个 styl 文件中。请参看内置的文件。

    class usage
    icon-logo 指定Logo图标
    icon-home 指定菜单中Home链接图标
    icon-archives 指定菜单中Archives链接图标
    icon-tags 指定菜单中Tags链接图标
    icon-feed 指定菜单中RSS链接图标
    icon-about 指定菜单中About链接图标
    icon-heart 指定菜单中底部心的图标
    icon-external-link 指定菜单中外链的链接图标
  4. 在主题中将 icon_font 设置为 foo,即:

     icon_font: foo