主题外观

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”添加更多的字体图标。

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.