主题设置

Logo URL

左侧网站标题旁的logo,建议使用100*100px的图片

显示站点标题

可以选择是否显示,如果选择不显示标题则会只显示logo

副标题

显示在标题下方的文字

Emoji 尾巴

显示在标题背景的emoji

主配色

按钮、链接、高亮等主要元素颜色
使用十六进制颜色代码

辅配色

次要高亮、悬停等颜色
使用十六进制颜色代码

Logo 字体样式

可以设置logo旁边标题文字的样式
可以参照以下示例

/* 在线链接引入 lxgwwenkai,自定义名称:Logo Font */
@font-face {
  font-family: "Logo Font";
  src: url("https://cdn.jsdelivr.net/gh/yourname/fonts/lxgwwenkai.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

友链标题字体样式

友链页面的字体样式
使用方法同上

页面切换动画

选择页面切换的动画效果,可以自己切换选择自己喜欢的效果

主导航菜单(JSON)

标准的json格式,text表示显示的文字,url表示对应的url链接,icon则是对应的图标,图标来自于
https://phosphoricons.com/?q=map
可以在上面查找自己喜欢对应的图标
示例

[
{"text":"首页","url":"/","icon":"icon-[ph--house-bold]"},
{"text":"瞬间","url":"/talks","icon":"icon-[ph--chat-circle-text]"},
{"text":"追番","url":"/bangumi","icon":"icon-[ph--eye]"},
{"text":"归档","url":"/archives","icon":"icon-[ph--archive]"},
{"text":"标签","url":"/tags","icon":"icon-[ph--tag]"},
{"text":"分类","url":"/categories","icon":"icon-[ph--cards-three]"},
{"text":"链接","url":"/links","icon":"icon-[ph--link-simple]"},
{"text":"关于","url":"/about","icon":"icon-[ph--info]"}
]

右侧边栏组件说明

weather 天气组件
stats 统计组件
moments 瞬间组件
tech-info信息组件
community 社区信息
sponsor 赞助信息
custom 自定义组件