Skip to content

主页设置 v3.0

封面设置

封面开关

设置封面是否开启显示

如果关闭,这个 封面设置 版块的设置都不会有效(默认开启)

  • 关闭状态则直接显示展示区域/文章:

  • 开启状态则会同时展示封面区域/展示区域/文章区域:

封面全屏显示

设置封面是否封面全屏显示(默认开启)

如果关闭主页封面将不会全屏显示

  • 全屏显示关闭状态

  • 全屏显示开启状态

封面圆角

设置封面圆角

封面动画

封面动画时间 设置封面动画时间

  • 开启封面动画

  • 关闭封面动画

滑动滑块设置,推荐数值范围为 1-2

封面信息栏

设置封面是否开启显示封面信息栏(默认开启)

如果关闭主页封面头像、白猫特效文字、签名栏、社交区域将不会显示(就只会显示封面)

封面信息栏样式

设置封面信息栏样式

  • 分离

  • 合并

封面部件透明度

设置封面信息栏底色透明度

封面信息栏头像圆角

设置封面信息栏头像圆角

滑动滑块设置,推荐数值为 100

  • 修改为0时

  • 修改为100时

封面签名栏文本

设置封面签名栏文本

封面签名栏文本字体

设置封面签名栏文本字体

填写字体名称。例如:Ma Shan Zheng

封面签名栏文本字体大小

设置封面签名栏文本字体大小

滑动滑块设置,推荐数值范围为 15-18

封面签名栏打字特效

本主题自带封面签名栏打字特效,可以整点花梨细姑的

  • 封面签名栏打字特效双引号:开启之后打字特效首尾两边将追加双引号

  • 封面签名栏打字特效占位符,设置后,在没开始 打字特效 的时候,就会显示这个

  • typed.js 初始化选项,在这里,进行 typed.js 打字特效的相关参数设置(不会就默认的,去改里面的字就行)

封面说说栏

开启之后最新发布的说说将和签名栏循环显示

随机图设置

本主题默认采用外部随机图 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了。

  • 支持填写:
    • 微信
    • QQ
    • 哔哩哔哩
    • 网易云音乐
    • 微博
    • GitHub
    • Telegram
    • Steam
    • Youtube
    • Instgram
    • 抖音
    • 小红书
    • Discord
    • 知乎
    • 领英
    • Twitter
    • Facebook
    • 自定义社交网络图标及链接
    • 电子邮件用户名
    • 电子邮件域

首页布局和区域标题设置

主页布局

在这里添加公告板、展示区域后相关内容才会在首页显示,默认只包含文章区域。
这个设置项可以控制主页相关区域的展示顺序。

区域标题

展示区域图标

设置一下展示版块的图标

默认为“fa-solid fa-laptop”,你可以前往 FontAwesome 网站 查看可以填写的图标

展示区域标题

设置一下展示版块的标题

默认为“Display”,你可以修改为其他,当然不能当广告用!不允许!!

文章区域图标

设置一下文章区域的图标

默认为“fa-regular fa-bookmark”,你可以前往 FontAwesome 网站 查看可以填写的图标

文章区域标题

设置一下文章区域的标题

默认为“Article”,你可以修改为其他,当然不能当广告用!不允许!!

区域标题字体

设置区域标题字体

填写字体名称。例如:Ma Shan Zheng

区域标题对齐方向

设置区域标题对齐方向

  • 左对齐

  • 居中对齐

  • 靠右对齐

公告栏设置

整个公告,显示出来

  • 公告栏样式:
    • 图片背景
      • 公告栏背景:填写图片 URL
    • 纯色背景
      • 公告栏边框颜色:建议使用与主题色相同色系且属于浅色系的颜色

公告板边框颜色

可以给公告板的边框赋予一个颜色。

公告栏文本

设置公告栏中的文字

公告文本对齐方向

左对齐

右对齐

居中对齐

公告文本颜色

设置一下公告中的文本颜色

建议根据背景颜色搭配合适的颜色

展示区域设置

展示区域

设置展示区域是否开启显示

展示区域搭配色

自定义颜色,建议根据背景颜色搭配合适的颜色

展示区域样式

  • 左右交替(默认)
  • 从下往上

展示区域兼容模式

设置展示区域兼容模式是否开启显示

此选项避免了展示区域错位的问题

展示区域背景颜色

设置展示区域背景颜色

建议使用浅色系颜色

展示区域圆角

设置展示区域圆角

滑动滑块设置,推荐数值为 15

展示区域设置

设置展示区域内容

  • 需要填写的内容
    • 图片:填写 URL
    • 标题:
    • 描述:(上方选择下往上样式则无描述)
    • 地址:填写前往链接

觉得默认设置不够、多了可以点击设置项底部的 “+” 或设置栏右边的 “x” 自由增减。

文章区域设置

文章区域显示元素

就是文章卡片右上角的内容,可以展示所属文章的一些信息。

文章区域展示样式

设置文章区域展示样式

  • 图文(默认)样式

    • 文章区域装饰特色图片对齐方向: - 左右交替 (默认) - 向左对齐 - 靠右
  • 标准样式

    • 文章区域装饰特色图片展示形状 - 圆形(默认) - 方形

文章区域图标颜色

设置文章区域图标颜色

文章区域边框阴影颜色

设置一个文章的区域边框,可以显得有层次性,更美观

文章区域装饰特色图片选项

设置文章区域装饰特色图片

  • 封面随机图片:跟随封面随机图片
  • 外部 API 随机图片
    • 文章区域装饰特色图片外部 API 随机图片地址

TIP

要为文章卡片设置独立的装饰图片,请前往编辑文章属性的特色图片。
简要教程:设置文章特色图片

文章区域卡片圆角

设置文章区域文章卡片圆角

文章区域卡片信息元素可读性增强

开启之后卡片信息元素将变为黑底白字以增强可读性

文章区域卡片信息元素圆角&文章区域卡片标题元素圆角

thumb_card

卡片上方是信息元素,显示文章的创建时间及置顶状态,下方是文章标题

文章区域标题字体大小

设置文章区域标题字体大小 推荐在 16-20 范围内

在首页显示说说

开启后将在首页显示说说类型的文章,默认开启