打字配置与社交媒体链接
🕒 阅读时间:2 min read
📝 字数:1035
👀 阅读量:
Loading...
概要
本篇对照当前 config.yml 重写,涵盖首页打字动效 (typetexts) 和社交媒体链接 (mediaLinks) 的配置与注意事项。
打字动效配置
首页打字机动效使用字符串数组,随机显示:
typetexts: - "Free for free, not free for charge!" - "任意键在哪?" - "F12看看?" - "Hello World!"- 建议每条文案保持简短,便于在首屏完整展示。
- 支持任意数量的字符串;为空时将不显示打字动效。
社交媒体链接
主题从 mediaLinks 读取社交链接,使用 simple-icons 生成 SVG:
mediaLinks: - icon: github link: https://github.com/xingwangzhe/stalux - icon: bilibili link: https://bilibili.com/ - icon: X link: https://x.com - icon: juejin link: https://juejin.cn/ - icon: zhihu link: https://www.zhihu.com/ - icon: maildotru link: mailto:xingwangzhe@outlook.com - icon: telegram link: https://t.me/字段说明:
icon必填,建议使用 simple-icons 的名称(例如github、telegram、zhihu、x);内部会移除非字母数字并匹配大小写。link必填,社交地址或 mailto/外链 URL。- 未匹配到图标时,会退化为首字母展示,确保可点击。
常见修改
- 添加/删除文案:直接增删
typetexts数组项。 - 新增社交链接:在
mediaLinks追加{ icon, link },确保 icon 能被 simple-icons 识别。 - 替换图标:将
icon改为新的 simple-icons 名称;如未内置,可自定义 icon 名并接受首字母回退。
验证与预览
- 修改配置后运行
bun run dev预览,检查首页打字动效与社交图标是否正常显示。 - 若图标缺失,先确认 simple-icons 是否存在该名称,或改用全小写/无特殊字符的写法。
打字配置与社交媒体链接
作者:xingwangzhe
本文链接: https://stalux.needhelp.icu/posts/8e8c59c4/
本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。