readme typing svg
v0.9.0
将下面的 markdown 复制粘贴到您的 GitHub 配置文件自述文件中
将?lines=
后面的值替换为您的文本。用分号分隔文本行,并使用+
或%20
作为空格。
调整宽度参数(见下文)以适合文本的整个宽度。
[![输入 SVG](https://readme-typing-svg.demolab.com/?lines=First+line+of+text;Second+line+of+text)](https://git.io/打字-svg)
给仓库加注星标
在这里,您可以通过实时预览轻松自定义您的打字 SVG。
https://readme-typing-svg.demolab.com/demo/
以下是配置文件的链接,您可以在其中查看自述文件键入 SVG 的实际情况!
请随意打开 PR 并添加您的 PR!
范围 | 细节 | 类型 | 例子 |
---|---|---|---|
lines | 要显示的文本,行之间用; 分隔+ 表示空格 | 细绳 | First+line;Second+line;Third+line |
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 参数中行之间使用的分隔符(默认: ; ) | 细绳 | ; , ;; , / , ETC。 |
letterSpacing | 字母间距(默认: normal ) | 细绳 | letter-spacing 属性的任何 css 值 |
如果可以的话,最好将文件托管在您自己的服务器上。
这样做可以延长正常运行时间并更好地控制自定义(您可以根据您的使用情况修改代码)。
您可以将 PHP 文件部署在任何安装了 PHP 的网站服务器上或作为 Heroku 应用程序。
登录Heroku或在 https://heroku.com 创建新帐户
单击下面的“部署到 Heroku”按钮
在出现的页面上,单击表单末尾的“部署应用程序”
部署应用程序后,单击“管理应用程序”转到仪表板
向下滚动到设置中的“域”部分,找到您将用来代替readme-typing-svg.demolab.com
URL
欢迎贡献!如果您有改进此项目的方法,请随时提出问题或提交拉取请求。
在提交拉取请求之前,请确保您的请求有意义并且您已在本地测试了该应用程序。
有关贡献、安装需求和运行应用程序的更多详细信息,请参阅 CONTRIBUTING.md。
如果您喜欢这个项目,请给它一个并与朋友分享!
给我买杯咖啡
使用 PHP 制作
该项目使用 Twemoji,在 CC-BY 4.0 许可证下发布