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 授權下發布