Project Icon

readme-typing-svg

GitHub个人资料和项目README的动态打字效果SVG生成器

readme-typing-svg是一个开源工具,用于为GitHub个人资料和项目README生成动态打字效果的SVG图片。它支持自定义文本、字体、颜色等参数,能够为静态内容增添生动的视觉效果。该工具操作简单,兼容性强,可以快速创建独特的动画效果,提升GitHub页面的吸引力。适合开发者美化个人资料和项目介绍使用。

⌨️ 自述文件打字 SVG

示例用法 - 自述文件打字 SVG

⚡ 快速设置

  1. 将以下 markdown 复制粘贴到您的 GitHub 个人资料自述文件中
  2. ?lines= 后的值替换为您的文本。用分号分隔文本行,用 +%20 表示空格。
  3. 调整宽度参数(见下文)以适应您的文本全宽。
[![Typing SVG](https://readme-typing-svg.demolab.com/?lines=第一行文本;第二行文本)](https://git.io/typing-svg)
  1. 为仓库点星 😄

⚙ 演示网站

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

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

演示网站

🚀 使用示例

以下是您可以看到自述文件打字 SVG 实际效果的个人资料链接! Jonah Lawrence Rentalz.com 的 Jini Waren Gonzaga 8BitJonny Aditya Raute Shiva Sankeerth Reddy Tarun Kamboj T.A.Vignesh William J. Ghelfi Mano Bharathi M Shivam Yadav Pratik Pingale Vydr'Oz Caroline Heloíse PriyanshK09 Thakur Ballary NiceSapien Manthan Ank Ronny Coste Vishal Beep wiz64 Aquarian Blake D3vil0p3r EliusHHimel jcs090218 Rishabh2804 shalinibhatt UlisesAlexanderAM SpookyJelly cfcife majidtdeni666 GalexY727 HectorSaldes Ash-codes18 Maagnitude cracker911181 quiet-node kaustubh43 kaisunoo meyer-pidiache jeremiahseun Purushottam Anand Greg Chism turbomaster95 K1rsN7 codesbyahsen Freddywhest Shiro-cha Abid-Nafi Srijan-Baniyal BrunoOliveiraS zidk tshr-d-dragon v-pun215 DeveshYadav13 HauseMasterZ hyskoniho elvisisvan Nquenan akhilnev mannysoft LinThitHtwe Elio-Aliaj MehmetBozkir presentformyfriends Ad7amstein LakshmanKishore mateusadada fasakinhenry YousifAbozid SuSheng13T hheinsoee lucmsilva651 ashertenenbaum 0dxplt HerobrineTV Borketh Jafeth Yahuma João Pedro suzukimain caesar013 amir78729 随意提交 PR并添加你的内容!

🔧 选项

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

📤 自行部署

如果可能的话,最好在自己的服务器上托管文件。

这样做可以获得更好的正常运行时间和更多的自定义控制(你可以修改代码以适应你的使用)。

你可以在任何安装了 PHP 的网站服务器上部署 PHP 文件,或作为 Heroku 应用部署。

部署到 Heroku 的步骤说明

  1. 登录 Heroku 或在 https://heroku.com 创建新账户
  2. 点击下方的"部署到 Heroku"按钮

部署

  1. 在弹出的页面上,点击表单末尾的 "Deploy App"
  2. 应用部署完成后,点击 "Manage App" 进入仪表板
  3. 在设置中向下滚动到 Domains 部分,找到你将用来替换 readme-typing-svg.demolab.com 的 URL

🤗 贡献

欢迎贡献!如果你有改进这个项目的方法,随时打开一个 issue 或提交一个 pull request。

确保你的请求是有意义的,并且在提交 pull request 之前在本地测试过应用。

有关贡献、安装要求和运行应用程序的更多详细信息,请参阅 CONTRIBUTING.md

🙋‍♂️ 支持

💙 如果你喜欢这个项目,给它一个 ⭐ 并与朋友分享!

Youtube 在 Github 上赞助

☕ 给我买杯咖啡


用 ❤️ 和 PHP 制作

由 Heroku 提供支持

本项目使用 Twemoji,根据 CC-BY 4.0 许可证 发布

项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手,通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能,支持100+编程语言,与主流编辑器无缝集成,显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台,能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐,Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案,通过智能技术简化视频制作流程。无论是企业宣传还是个人分享,有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持,能够阅读和理解用户上传的文件内容,解析网页信息,并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题,Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术,为商家提供一键生成商品图和营销文案的服务,显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台,让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型,免费访问各种图像生成与AI训练工具,从Stable Diffusion等基础模型开始,轻松实现创新图像生成。体验前沿的AI技术,推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器,它将改变您观看视频的方式!SubCat结合了先进的人工智能技术,为您提供即时视频字幕翻译,无论是本地视频还是网络流媒体,让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台,利用前沿AI技术,为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图,再到文案生成,美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号