Skip to content

主题外观

lizheming edited this page Feb 26, 2017 · 3 revisions

Firekylin 将博客模板统一到主题文件夹中,这样用户能够自由的切换主题达到修改博客外观的目的。

使用主题

主题文件夹位于 www/theme 目录下,默认 Firekyin 会携带 www/theme/firekylin 这个默认主题,你可以在“外观设置” →“主题管理”中看到。当安装了其它主题后,你可以在此切换主题。

添加主题

将主题上传至 www/theme 目录下即可。

创建主题

如果你想自己创建主题,或者学习更多有关主题结构的知识,请查看 主题开发

配置主题

主题开发者会为主题添加相关的配置,你可以在“外观设置” →“主题管理” →“主题选项”中看到。例如默认主题就提供了“侧边栏定制化”,“自定义CSS/JS”和“版权信息”设置等相关功能。

  1. 侧边栏定制化:用户可以设置侧边栏的背景颜色或图片以及文字颜色。
  2. 自定义 CSS/JS:用户可以自定义添加样式和 JS 文件,该内容会在所有页面都生效。
  3. 版权信息:用户可以自定义版权信息,该内容会在所有文章结尾生效。

注意

以上说的功能都是默认主题支持的,不同的主题配置项可能是不一样的。

修改主题

添加主题后你可以在“外观设置” →“主题管理”菜单中选择对应的主题。同时 Firekylin 还支持在线编辑主题功能,在“外观设置” →“编辑主题”中可以对当前应用的主题进行编辑。

注意

由于默认主题在在线更新的时候会被覆盖,所以请不要直接修改默认主题,以免修改内容的丢失。为了不影响升级,后台在侦测到用户想要修改默认主题的时候,Firekylin 会提示用户进行主题克隆,拷贝默认主题为一个新的主题。

菜单管理

如果你想要修改网站的导航菜单,可以在“外观设置” →“菜单管理”中进行配置。这里可以添加、删除菜单,或者是对菜单进行排序。

什么是菜单属性?

菜单属性就是对应该菜单的附加属性,主题内可以获取到这个属性对菜单进行对应操作。例如默认主题里会直接读取属性内容作为字体图标的名称。当然你也可以自定义设置一个 JSON 数据在主题中解析获取菜单的更多属性。

默认主题支持的字体图标可以通过 CSS 查看到,如果默认的图标不满足你的需求,你可以使用“自定义CSS”添加更多的字体图标。