主题设置
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 自定义组件
评论