readme-typing-svg

<p align="center"> <h3 align="center">⌨️ 自述文件打字 SVG</h3> </p> <p align="center"> <img src="https://readme-typing-svg.demolab.com/?lines=到处输入消息！;为您的个人资料添加简介！;为您的仓库添加描述！;让您的自述文件与众不同！&font=Fira%20Code&center=true&width=380&height=50&duration=4000&pause=1000" alt="示例用法 - 自述文件打字 SVG"> </p> <p align="center"> <a href="https://github.com/search?q=extension%3Amd+%22https+readme+typing+svg%22&type=Code" alt="用户" title="仓库用户"> <img src="https://freshidea.com/jonah/app/github-search-results/readme-typing-svg/index.php"/></a> <a href="https://discord.gg/fPrdqh3Zfu" alt="Discord" title="Dev Pro Tips 讨论与支持服务器"> <img src="https://img.shields.io/discord/819650821314052106?color=7289DA&logo=discord&logoColor=white&style=for-the-badge"/></a> </p>

⚡ 快速设置

将以下 markdown 复制粘贴到您的 GitHub 个人资料自述文件中
将 ?lines= 后的值替换为您的文本。用分号分隔文本行，用 + 或 %20 表示空格。
调整宽度参数（见下文）以适应您的文本全宽。

[![Typing SVG](https://readme-typing-svg.demolab.com/?lines=第一行文本;第二行文本)](https://git.io/typing-svg)

为仓库点星 😄

⚙ 演示网站

在这里，您可以轻松自定义您的打字 SVG，并实时预览。

https://readme-typing-svg.demolab.com/demo/

🚀 使用示例

以下是您可以看到自述文件打字 SVG 实际效果的个人资料链接！随意提交 PR并添加你的内容！

🔧 选项

参数	详情	类型	示例
`lines`	要显示的文本，用 `;` 分隔行，`+` 代表空格	字符串	`第一行;第二行;第三行`
`height`	输出 SVG 的高度，以像素为单位(默认: `50`)	整数	任意正数
`width`	输出 SVG 的宽度，以像素为单位(默认: `400`)	整数	任意正数
`size`	字体大小，以像素为单位(默认: `20`)	整数	任意正数
`font`	字体系列(默认: `monospace`)	字符串	任何 Google Fonts 字体
`color`	文字颜色(默认: `36BCF7`)	字符串	不带 # 的十六进制代码(如 `F724A9`)
`background`	文字背景颜色(默认: `00000000`)	字符串	不带 # 的十六进制代码(如 `FEFF4C`)
`center`	`true` 居中文本或 `false` 左对齐(默认: `false`)	布尔值	`true` 或 `false`
`vCenter`	`true` 垂直居中或 `false`(默认)在中心上方对齐	布尔值	`true` 或 `false`
`multiline`	`true` 换行或 `false` 在一行上重新输入(默认: `false`)	布尔值	`true` 或 `false`
`duration`	单行打印的持续时间，以毫秒为单位(默认: `5000`)	整数	任意正数
`pause`	行间暂停的持续时间，以毫秒为单位(默认: `0`)	整数	任何非负数
`repeat`	`true` 最后一行后循环回第一行(默认: `true`)	布尔值	`true` 或 `false`
`separator`	lines 参数中用于分隔行的分隔符(默认: `;`)	字符串	`;`、`;;`、`/` 等
`letterSpacing`	字母间距(默认: `normal`)	字符串	letter-spacing 属性的任何 CSS 值