主页设置 v3.0
封面设置
封面开关
设置封面是否开启显示
如果关闭,这个 封面设置 版块的设置都不会有效(默认开启)
关闭状态则直接显示展示区域/文章:
开启状态则会同时展示封面区域/展示区域/文章区域:
封面全屏显示
设置封面是否封面全屏显示(默认开启)
如果关闭主页封面将不会全屏显示
全屏显示关闭状态
全屏显示开启状态
封面圆角
设置封面圆角
封面动画
封面动画时间 设置封面动画时间
开启封面动画
关闭封面动画
滑动滑块设置,推荐数值范围为 1-2
封面信息栏
设置封面是否开启显示封面信息栏(默认开启)
如果关闭主页封面
头像、白猫特效文字、签名栏、社交区域
将不会显示(就只会显示封面)
封面信息栏样式
设置封面信息栏样式
- 分离
- 合并
封面部件透明度
设置封面信息栏底色透明度
封面信息栏头像圆角
设置封面信息栏头像圆角
滑动滑块设置,推荐数值为 100
修改为0时
修改为100时
封面签名栏文本
设置封面签名栏文本
封面签名栏文本字体
设置封面签名栏文本字体
填写字体名称。例如:Ma Shan Zheng
封面签名栏文本字体大小
设置封面签名栏文本字体大小
滑动滑块设置,推荐数值范围为 15-18
封面签名栏打字特效
本主题自带封面签名栏打字特效,可以整点花梨细姑的
封面签名栏打字特效双引号:开启之后打字特效首尾两边将追加双引号
封面签名栏打字特效占位符,设置后,在没开始 打字特效 的时候,就会显示这个
typed.js 初始化选项,在这里,进行 typed.js 打字特效的相关参数设置(不会就默认的,去改里面的字就行)
封面说说栏
开启之后最新发布的说说将和签名栏循环显示
随机图设置
本主题默认采用外部随机图 API,需要本地随机库图片,请更换为 内建API
。 相关使用说明、帮助请参考 主题内建随机图API。
外部随机图:填写随机图地址。
封面随机图片多终端分离:开启后桌面端和移动端会分别使用不同的随机图 API 地址
外部 API 手机端随机图片地址:填写随机图地址。
封面随机背景图片缓存
设置封面随机背景图片缓存,默认开启,此功能会在本地缓存一份封面图片,可提升进入主页后第一张封面的加载速度。
WARNING
此功能需要封面 API 能接受跨域请求。
封面与前台背景一体化
设置封面与前台背景一体化
开启之后,封面的背景将设置为透明,同时前台背景将使用封面的随机图 API
文章特色图背景
开启后在设置了特色图的页面会使用其特色图作为背景,如果中途未使用小部件切换背景,回到主页后会自动恢复。
封面随机图片滤镜
无(默认)
浅色
暗淡
网格
点点
封面波浪特效
本主题自带波浪特效,默认关闭
WARNING
深色模式默认强制隐藏。
封面下拉箭头
本主题自带首页下拉按钮
封面下拉箭头移动端显示
设置封面下拉箭头移动端是否显示
开启之后移动端首页封面底部将出现下拉箭头
封面下拉箭头颜色
设置封面下拉按钮颜色
建议使用浅色系颜色
封面下拉箭头深色模式颜色
设置封面下拉按钮深色模式颜色
建议使用深色系颜色
封面视频设置
设置封面视频是否开启显示
封面视频循环:开启之后视频将自动循环,需要开启 Pjax 功能
封面视频自动恢复:开启之后返回首页时视频将恢复播放,需要开启Pjax功能
封面视频URL根路径:只填写地址,该地址拼接下面的视频名,地址尾部不需要加斜杠,如果视频在站点根目录则填写
./
封面视频文件名称:例如:abc.mp4,只需要填写视频文件名 abc 即可,多个用英文逗号隔开如 abc,efg,默认随机播放
WARNING
在 2.2.1.1 版本及以后,封面视频地址需要包含结尾的"/",封面视频名称也需要包含后缀".mp4"
::: 封面视频不会自动播放,应用成功后会在封面右下角显示播放按钮 :::
封面社交区域设置
选项
封面社交区域
设置封面社交区域是否开启显示
开启显示封面随机图片切换按钮和社交网络图标
社交网络图标
社交网络的图标风格
提供 3 组全局定制图标,每一组都充满个性。
封面社交区域圆角
设置封面社交区域圆角(就是辣个圆角啊)
滑动滑块设置,推荐数值范围为 10-20
- 设置为0时
- 设置为30时
封面随机图片切换按钮
设置封面随机图片切换按钮是否开启显示
开启显示显示封面随机图切换按钮
社交网络
url获取教程:🪧
bilibili、网易云、github等:
登录网站,访问自己的个人主页,直接复制浏览器的url抖音:可以使用网页版在“未登录”的情况下搜索自己发过的作品,或者评论过的视频,
从自己的头像可以点进自己的网页版空间,然后复制url即可
跟b站不同,登录后复制的是self链接,分享出去的是打不开的!QQ好友链接等:通过相应的软件获取链接或生成二维码后获取链接
如何从二维码获取链接?
使用可以解析二维码的应用获取二维码对应的链接
比如QQ的加好友二维码可以通过微信扫描后在右上角点击在浏览器中打开,
然后就可以获取加好友的url了。
- 支持填写:
- 微信
- 哔哩哔哩
- 网易云音乐
- 微博
- GitHub
- Telegram
- Steam
- Youtube
- Instgram
- 抖音
- 小红书
- Discord
- 知乎
- 领英
- 自定义社交网络图标及链接
- 电子邮件用户名
- 电子邮件域
首页布局和区域标题设置
主页布局
在这里添加公告板、展示区域后相关内容才会在首页显示,默认只包含文章区域。
这个设置项可以控制主页相关区域的展示顺序。
区域标题
展示区域图标
设置一下展示版块的图标
默认为“fa-solid fa-laptop”,你可以前往 FontAwesome 网站 查看可以填写的图标
展示区域标题
设置一下展示版块的标题
默认为“Display”,你可以修改为其他,当然不能当广告用!不允许!!
文章区域图标
设置一下文章区域的图标
默认为“fa-regular fa-bookmark”,你可以前往 FontAwesome 网站 查看可以填写的图标
文章区域标题
设置一下文章区域的标题
默认为“Article”,你可以修改为其他,当然不能当广告用!不允许!!
区域标题字体
设置区域标题字体
填写字体名称。例如:Ma Shan Zheng
区域标题对齐方向
设置区域标题对齐方向
- 左对齐
- 居中对齐
- 靠右对齐
公告栏设置
整个公告,显示出来
- 公告栏样式:
- 图片背景
- 公告栏背景:填写图片 URL
- 纯色背景
- 公告栏边框颜色:建议使用与主题色相同色系且属于浅色系的颜色
- 图片背景
公告板边框颜色
可以给公告板的边框赋予一个颜色。
公告栏文本
设置公告栏中的文字
公告文本对齐方向
左对齐
右对齐
居中对齐
公告文本颜色
设置一下公告中的文本颜色
建议根据背景颜色搭配合适的颜色
展示区域设置
展示区域
设置展示区域是否开启显示
展示区域搭配色
自定义颜色,建议根据背景颜色搭配合适的颜色
展示区域样式
- 左右交替(默认)
- 从下往上
展示区域兼容模式
设置展示区域兼容模式是否开启显示
此选项避免了展示区域错位的问题
展示区域背景颜色
设置展示区域背景颜色
建议使用浅色系颜色
展示区域圆角
设置展示区域圆角
滑动滑块设置,推荐数值为 15
展示区域设置
设置展示区域内容
- 需要填写的内容
- 图片:填写 URL
- 标题:
- 描述:(上方选择
下往上样式
则无描述) - 地址:填写前往链接
觉得默认设置不够、多了可以点击设置项底部的 “+” 或设置栏右边的 “x” 自由增减。
文章区域设置
文章区域显示元素
就是文章卡片右上角的内容,可以展示所属文章的一些信息。
文章区域展示样式
设置文章区域展示样式
图文(默认)样式
- 文章区域装饰特色图片对齐方向: - 左右交替 (默认)
- 向左对齐
- 靠右
- 文章区域装饰特色图片对齐方向: - 左右交替 (默认)
标准样式
- 文章区域装饰特色图片展示形状 - 圆形(默认)
- 方形
- 文章区域装饰特色图片展示形状 - 圆形(默认)
文章区域图标颜色
设置文章区域图标颜色
文章区域边框阴影颜色
设置一个文章的区域边框,可以显得有层次性,更美观
文章区域装饰特色图片选项
设置文章区域装饰特色图片
- 封面随机图片:跟随封面随机图片
- 外部 API 随机图片
- 文章区域装饰特色图片外部 API 随机图片地址
TIP
要为文章卡片设置独立的装饰图片,请前往编辑文章属性的特色图片。
简要教程:设置文章特色图片
文章区域卡片圆角
设置文章区域文章卡片圆角
文章区域卡片信息元素可读性增强
开启之后卡片信息元素将变为黑底白字以增强可读性
文章区域卡片信息元素圆角&文章区域卡片标题元素圆角
卡片上方是信息元素,显示文章的创建时间及置顶状态,下方是文章标题
文章区域标题字体大小
设置文章区域标题字体大小 推荐在 16-20 范围内
在首页显示说说
开启后将在首页显示说说类型的文章,默认开启