首页-打字机

注释字段

注释docs\index.md 的description字段

tk:
  tkHome: true
  bgColor:
    -  #409EFF
  # features:
  #   - title: 指南
  #     description: Hd Security 使用指南说明
  #     link: /01.指南/
  #     imgUrl: /img/web.png
  #   - title: 技术专题
  #     description: Hd Security 技术专题说明
  #     link: /02.技术专题/
  #     imgUrl: /img/tech.png
  #   - title: 设计
  #     description: Hd Security 设计思路说明
  #     link: /design/
  #     imgUrl: /img/ui.png
  #   - title: API
  #     description: Hd Security 所有的 API 介绍
  #     link: /07.API/01.API - 登录/
  #     imgUrl: /img/other.png
# description:
# - 故事由我书写，旅程由你见证，传奇由她聆听 —— 来自 Young Kbt
# - 积跬步以至千里，致敬每个爱学习的你 —— 来自 Evan Xu
# - 这一生波澜壮阔或是不惊都没问题 —— 来自 Weibw

封装文本

在Demo\docs-base\.vitepress目录下新建HitokotoData.ts 文件,并添加以下代码

点击查看代码

export const HitokotoData = [
  // 原有内容保留
  "万般努力只为出人头地，低头弯腰只为爬的更高",

  // 动漫经典语录
  "无论你在哪里，我一定会找到你 —— 星际牛仔",
  "重要的不是你长得漂亮与否，而是你的心灵是否美丽 —— 千与千寻",
  "我们仰望着同一片天空，却看着不同的地方 —— 秒速五厘米",
  "比自己的生命更重要的东西永远存在着 —— fate",
  "正因为生来什么都没有，因此我们能拥有一切 —— 游戏人生",

  // 爱情感悟
  "喜欢一个人就是在对方的一切都合理化",
  "爱，其实很简单，困难的是接受这份简单",
  "最好的爱情是互相成就，而不是互相禁锢",
  "缘分就是，遇见了可以让你笑的人",
  "爱情不是占有，而是彼此成就",

  // 人生哲理
  "生命中最困难的时刻，恰是转机的开始",
  "没有人可以回到过去，但每个人都可以从现在开始",
  "与其等待机会，不如创造机会",
  "生活不会因为你的懦弱而停止脚步",
  "成长的过程总是孤独的，但结果是美好的",

  // 更多动漫台词
  "即使是在最深的黑暗里，也要保持希望 —— 进击的巨人",
  "不要为了别人而活，要为了自己而活 —— 火影忍者",
  "比起悲伤，无法分享快乐才是真的寂寞 —— 四月是你的谎言",
  "梦想是不会结束的，只要还活着就要继续追逐 —— 海贼王",

  // ... 继续添加更多句子直到100个
  "生命的意义不在于活了多久，而在于经历了什么",
  "最珍贵的不是拥有的回忆，而是正在创造的回忆",
  "不要因为走得太远，而忘记了为什么出发",
  "有时候，坚持了你最不想干的事情，却等来了你最想要的结果",
  "与其用泪水悔恨昨天，不如用汗水拼搏今天",

  // 添加更多正能量句子...
  "每个人都是自己人生的主角",
  "不要被周围的声音干扰，坚持自己认定的道路",
  "成功不是终点，失败也不是终结",
  "时间会证明一切，耐心是最好的答案",
  "活在当下，珍惜现在，期待未来",
];

配置文本

在Demo\docs-base\.vitepress\config.mts 文件,并添加以下代码

// 导入HitokotoData模块
import { HitokotoData } from "./HitokotoData";

const tkConfig = tkThemeConfig({
  // ...其他配置项不变
  banner: {
    mask: false,
    enabled: true,
    bgStyle: "bigImg",
    imgInterval: 8000, // 轮播时间
    imgShuffle: true, // 当多张大图时（imgSrc 为数组），设置切换时间，单位：毫秒
    imgSrc: ["/img/bg1.jpg", "/img/bg2.png"],
    descStyle: "types",
    maskBg: "rgba(0, 0, 0, 0.4)", // Banner 大图遮罩颜色，如果为数字，则是 rgba(0, 0, 0, ${maskBg})，如果为字符串，则作为背景色
    textColor: "#ffffff", // Banner 字体颜色，bgStyle 为 default 时为 '#000000'，其他为 '#ffffff'
    titleFontSize: "3.2rem", // 标题字体大小
    descFontSize: "1.4rem", // 描述字体大小
    // descStyle: "types", // 描述信息风格：default 为纯文字渲染风格（如果 description 为数组，则取第一个），types 为文字打印风格，switch 为文字切换风格
    description: HitokotoData, //  打字机描述信息
    switchTime: 4000, // 描述信息切换间隔时间，单位：毫秒。descStyle 为 switch 时生效
    switchShuffle: false, // 描述信息是否随机切换，为 false 时按顺序切换。descStyle 为 switch 时生效
    typesInTime: 200, // 输出一个文字的时间，单位：毫秒。descStyle 为 types 时生效
    typesOutTime: 100, // 删除一个文字的时间，单位：毫秒。descStyle 为 types 时生效
    typesNextTime: 800, // 打字与删字的间隔时间，单位：毫秒。descStyle 为 types 时生效
    typesShuffle: false, // 描述信息是否随机打字，为 false 时按顺序打字，descStyle 为 types 时生效
  },
});

首页-打字机 ​

注释字段 ​

封装文本 ​

配置文本 ​

首页-打字机

注释字段

封装文本

配置文本