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 | 是否启用打字机效果 | false | true |
speed | 打字速度(毫秒/字符) | 100 | 50-150 |
deleteSpeed | 删除速度(毫秒/字符) | 50 | 30-100 |
pauseTime | 显示完整后的停顿时间(毫秒) | 2000 | 1000-3000 |
效果说明
启用后,首页横幅副标题会以打字机效果显示:
- 文字逐字显示(速度由
speed控制) - 显示完整后停顿(由
pauseTime控制) - 逐字删除(由
deleteSpeed控制) - 循环重复
修改副标题文字
在 subtitle 数组中修改:
subtitle: ["你的副标题文字"],支持多行文字,会按顺序逐行显示。
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!
相关文章 智能推荐
1
2. 博客首页横幅图片与轮播配置
博客搭建 博客首页横幅图片与轮播配置教程,包含桌面端和移动端图片替换、轮播开关及首页视觉设置。
2
1. 从零开始部署 Firefly(流萤)Astro 博客并上线 GitHub Pages
博客搭建 从零带你完成 Firefly Astro 博客的本地部署、基础配置、GitHub 上传和 GitHub Pages 上线流程。
3
12. 字体配置指南
博客搭建 博客字体配置教程,包含内置字体选择、自定义字体添加、字体加载优化等详细设置。
4
9. 看板娘配置指南
博客搭建 博客看板娘配置教程,支持 Spine 和 Live2D 两种模型,包含位置、大小、交互等详细配置。
5
27. 首页框体调整指南
博客搭建 详细介绍 Firefly 博客首页各种框体的布局调整方法,包括侧边栏组件顺序、位置配置和响应式布局优化。
随机文章 随机推荐