Theme-Sakurairo

Appearance

主页设置 v2.6.0 ​

封面设置 ​

封面开关 ​

设置封面是否开启显示

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

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

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

封面全屏显示 ​

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

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

  • 全屏显示关闭状态

  • 全屏显示开启状态

封面圆角 ​

设置封面圆角

封面动画 ​

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

  • 开启封面动画

  • 关闭封面动画

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

封面信息栏 ​

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

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

封面信息栏样式 ​

设置封面信息栏样式

  • 分离

  • 合并

封面信息栏背景颜色 ​

设置封面信息栏背景颜色

建议使用浅色系颜色

封面信息栏头像圆角 ​

设置封面信息栏头像圆角

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

  • 修改为0时

  • 修改为100时

封面签名栏圆角 ​

设置封面签名栏圆角 （当前设置为15）

滑动滑块设置，推荐数值范围为 10-20

封面签名栏文本 ​

设置封面签名栏文本

封面签名栏文本字体 ​

设置封面签名栏文本字体

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

封面签名栏文本字体大小 ​

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

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

封面签名栏打字特效 ​

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

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

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

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

封面说说栏 ​

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

随机图设置 ​

本主题默认采用外部随机图 API，需要本地随机库图片，请更换为 本地 /Webp 优化。

  • 外部随机图：填写随机图地址。

  • Webp 优化随机图：选择后在下方填写 Manifest 路径，更多信息请参考webp 优化随机图说明。

  • 封面随机图片多终端分离：开启后桌面端和移动端会分别使用不同的随机图 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
    • 自定义社交网络图标及链接
    • 电子邮件用户名
    • 电子邮件域

公告栏和区域标题设置 ​

公告栏 ​

公告栏 ​

整个公告，显示出来

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

公告板边框颜色 ​

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

公告栏文本 ​

设置公告栏中的文字

公告文本对齐方向 ​

左对齐

右对齐

居中对齐

公告文本颜色 ​

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

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

区域标题 ​

展示区域图标 ​

设置一下展示版块的图标

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

展示区域标题 ​

设置一下展示版块的标题

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

文章区域图标 ​

设置一下文章区域的图标

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

文章区域标题 ​

设置一下文章区域的标题

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

区域标题字体 ​

设置区域标题字体

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

区域标题对齐方向 ​

设置区域标题对齐方向

  • 左对齐

  • 居中对齐

  • 靠右对齐

区域标题下分隔线颜色 ​

设置区域标题下分隔线颜色

建议使用与主题色相同色系且属于浅色系的颜色

展示区域设置 ​

展示区域 ​

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

展示区域搭配色 ​

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

展示区域样式 ​

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

展示区域兼容模式 ​

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

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

展示区域背景颜色 ​

设置展示区域背景颜色

建议使用浅色系颜色

展示区域圆角 ​

设置展示区域圆角

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

展示区域设置 ​

设置展示区域内容

  • 第一展示区
    • 图片：填写 URL
    • 标题：
    • 描述：（上方选择下往上样式则无描述）
    • 地址：填写前往链接
  • 第二展示区
    • （同上）
  • 第三展示区
    • （同上）

文章区域设置 ​

文章区域展示样式 ​

设置文章区域展示样式

  • 图文（默认）样式

    • 文章区域装饰特色图片对齐方向： - 左右交替 （默认） - 向左对齐 - 靠右

  • 标准样式

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

文章区域图标颜色 ​

设置文章区域图标颜色

文章区域边框阴影颜色 ​

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

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

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

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

文章区域卡片圆角 ​

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

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

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

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

thumb_card

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

文章区域标题字体大小 ​

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

文章区域时间提示区域字体大小 ​

设置文章区域时间提示区域字体大小

文章区域“作者信息” ​

设置文章区域“作者信息”(开启之后，文章元数据部分将增加作者信息)

在首页显示说说 ​

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

Fuukei Sponsored by upyun-logo | This Page Use MIT Licensed | Copyright © 2020-2023 Fuukei™