readme typing svg
v0.9.0
Kopieren Sie den folgenden Markdown und fügen Sie ihn in die README-Datei Ihres GitHub-Profils ein
Ersetzen Sie den Wert nach ?lines= durch Ihren Text. Trennen Sie Textzeilen durch Semikolons und verwenden Sie + oder %20 für Leerzeichen.
Passen Sie den Breitenparameter (siehe unten) so an, dass er der gesamten Breite Ihres Textes entspricht.
[](https://git.io/ typing-svg)
Starten Sie das Repo
Hier können Sie Ihr Typing SVG ganz einfach mit einer Live-Vorschau anpassen.
https://readme-typing-svg.demolab.com/demo/
Unten finden Sie Links zu Profilen, in denen Sie Readme Typing SVGs in Aktion sehen können!
Fühlen Sie sich frei, eine PR zu eröffnen und Ihre hinzuzufügen!
| Parameter | Einzelheiten | Typ | Beispiel |
|---|---|---|---|
lines | Anzuzeigender Text mit durch ; getrennten Zeilen. und + für Leerzeichen | Zeichenfolge | First+line;Second+line;Third+line |
height | Höhe des Ausgabe-SVG in Pixel (Standard: 50 ) | ganze Zahl | Jede positive Zahl |
width | Breite des Ausgabe-SVG in Pixel (Standard: 400 ) | ganze Zahl | Jede positive Zahl |
size | Schriftgröße in Pixel (Standard: 20 ) | ganze Zahl | Jede positive Zahl |
font | Schriftfamilie (Standard: monospace ) | Zeichenfolge | Jede Schriftart von Google Fonts |
color | Farbe des Textes (Standard: 36BCF7 ) | Zeichenfolge | Hex-Code ohne # (z. B. F724A9 ) |
background | Hintergrundfarbe des Textes (Standard: 00000000 ) | Zeichenfolge | Hex-Code ohne # (z. B. FEFF4C ) |
center | true für zentrierten Text oder false für linksbündige Ausrichtung (Standard: false ) | Boolescher Wert | true oder false |
vCenter | true um vertikal zu zentrieren, oder false (Standard), um über der Mitte auszurichten | Boolescher Wert | true oder false |
multiline | true , um Zeilen umzubrechen, oder false um in einer Zeile erneut einzugeben (Standard: false ) | Boolescher Wert | true oder false |
duration | Dauer des Ausdrucks einer einzelnen Zeile in Millisekunden (Standard: 5000 ) | ganze Zahl | Jede positive Zahl |
pause | Dauer der Pause zwischen den Zeilen in Millisekunden (Standard: 0 ) | ganze Zahl | Jede nicht negative Zahl |
repeat | true , um eine Schleife zur ersten Zeile nach der letzten durchzuführen (Standard: true ) | Boolescher Wert | true oder false |
separator | Trennzeichen zwischen Zeilen im Zeilenparameter (Standard: ; ) | Zeichenfolge | ; , ;; , / , usw. |
letterSpacing | Buchstabenabstand (Standard: normal ) | Zeichenfolge | Alle CSS-Werte für die Eigenschaft „Letter-Spacing“. |
Wenn möglich, ist es vorzuziehen, die Dateien auf Ihrem eigenen Server zu hosten.
Dies kann zu einer besseren Betriebszeit und mehr Kontrolle über die Anpassung führen (Sie können den Code für Ihre Verwendung ändern).
Sie können die PHP-Dateien auf jedem Website-Server mit installiertem PHP oder als Heroku-App bereitstellen.
Melden Sie sich bei Heroku an oder erstellen Sie ein neues Konto unter https://heroku.com
Klicken Sie unten auf die Schaltfläche „Auf Heroku bereitstellen“.
Klicken Sie auf der angezeigten Seite am Ende des Formulars auf „App bereitstellen“.
Sobald die App bereitgestellt ist, klicken Sie auf „App verwalten“, um zum Dashboard zu gelangen
Scrollen Sie in den Einstellungen nach unten zum Abschnitt „Domänen“ , um die URL zu finden, die Sie anstelle von readme-typing-svg.demolab.com verwenden
Beiträge sind willkommen! Wenn Sie eine Möglichkeit haben, dieses Projekt zu verbessern, können Sie gerne ein Problem eröffnen oder eine Pull-Anfrage einreichen.
Stellen Sie sicher, dass Ihre Anfrage aussagekräftig ist und Sie die App lokal getestet haben, bevor Sie eine Pull-Anfrage senden.
Weitere Informationen zum Mitwirken, Installieren von Anforderungen und Ausführen der Anwendung finden Sie unter CONTRIBUTING.md.
Wenn Ihnen dieses Projekt gefällt, geben Sie ihm eine und teilen Sie es mit Freunden!
Kauf mir einen Kaffee
Hergestellt mit und PHP
Dieses Projekt verwendet Twemoji, veröffentlicht unter der CC-BY 4.0-Lizenz
