⌨️ 自述文件打字 SVG
⚡ 快速设置
- 将以下 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 值 |
📤 自行部署
如果可能的话,最好在自己的服务器上托管文件。
这样做可以获得更好的正常运行时间和更多的自定义控制(你可以修改代码以适应你的使用)。
你可以在任何安装了 PHP 的网站服务器上部署 PHP 文件,或作为 Heroku 应用部署。
部署到 Heroku 的步骤说明
- 登录 Heroku 或在 https://heroku.com 创建新账户
- 点击下方的"部署到 Heroku"按钮
- 在弹出的页面上,点击表单末尾的 "Deploy App"
- 应用部署完成后,点击 "Manage App" 进入仪表板
- 在设置中向下滚动到 Domains 部分,找到你将用来替换
readme-typing-svg.demolab.com
的 URL
🤗 贡献
欢迎贡献!如果你有改进这个项目的方法,随时打开一个 issue 或提交一个 pull request。
确保你的请求是有意义的,并且在提交 pull request 之前在本地测试过应用。
有关贡献、安装要求和运行应用程序的更多详细信息,请参阅 CONTRIBUTING.md。
🙋♂️ 支持
💙 如果你喜欢这个项目,给它一个 ⭐ 并与朋友分享!
用 ❤️ 和 PHP 制作
本项目使用 Twemoji,根据 CC-BY 4.0 许可证 发布