3. 博客首页打字机文案配置

262 字
1 分钟
3. 博客首页打字机文案配置

首页文字打字机效果配置#

配置文件位置#

src/config/backgroundWallpaper.ts

配置位置#

在 banner.homeText.typewriter 部分:

homeText: {
enable: true,
switchable: true,
title: "Coldairboy'学习笔记",
titleSize: "4rem",
subtitle: ["欢迎来到我的博客,大家一起学习、成长吧!"],
subtitleSize: "1.35rem",
typewriter: {
enable: true, // true = 启用,false = 禁用
speed: 100, // 打字速度(毫秒/字符)
deleteSpeed: 50, // 删除速度(毫秒/字符)
pauseTime: 2000, // 显示完整后的停顿时间(毫秒)
},
},

参数说明#

参数说明默认值建议值
enable是否启用打字机效果falsetrue
speed打字速度(毫秒/字符)10050-150
deleteSpeed删除速度(毫秒/字符)5030-100
pauseTime显示完整后的停顿时间(毫秒)20001000-3000

效果说明#

启用后,首页横幅副标题会以打字机效果显示:

  1. 文字逐字显示(速度由 speed 控制)
  2. 显示完整后停顿(由 pauseTime 控制)
  3. 逐字删除(由 deleteSpeed 控制)
  4. 循环重复

修改副标题文字#

在 subtitle 数组中修改:

subtitle: ["你的副标题文字"],

支持多行文字,会按顺序逐行显示。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!

赞助
3. 博客首页打字机文案配置
https://blogboy.eu.cc/posts/3/
作者
Coldairboy
发布于
2026-03-26
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
Coldairboy
记录学习笔记、折腾过程和日常灵感。
公告
Hi,欢迎来到 Coldairboy学习笔记。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
31
分类
3
标签
5
总字数
36,702
运行时长
0 天
最后活动
0 天前

目录