Скопируйте и вставьте приведенную ниже уценку в свой профиль GitHub README.
Замените значение после ?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/
Ниже приведены ссылки на профили, где вы можете увидеть Readme Typing SVG в действии!
Смело открывайте пиар и добавляйте свой!
Параметр | Подробности | Тип | Пример |
---|---|---|---|
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 | Разделитель, используемый между строками в параметре линий (по умолчанию: ; ) | нить | ; , ;; , / , и т. д. |
letterSpacing | Межбуквенный интервал (по умолчанию: normal ) | нить | Любые значения CSS для свойства Letter-Spacing. |
Если есть возможность, желательно разместить файлы на собственном сервере.
Это может привести к увеличению времени безотказной работы и большему контролю над настройкой (вы можете изменить код для своего использования).
Вы можете развернуть файлы PHP на любом сервере веб-сайта с установленным PHP или в виде приложения Heroku.
Войдите в Heroku или создайте новую учетную запись на https://heroku.com.
Нажмите кнопку «Развернуть в Heroku» ниже.
На открывшейся странице нажмите «Развернуть приложение» в конце формы.
После развертывания приложения нажмите «Управление приложением» , чтобы перейти на панель управления.
Прокрутите вниз до раздела «Домены» в настройках, чтобы найти URL-адрес, который вы будете использовать вместо readme-typing-svg.demolab.com
.
Вклады приветствуются! Не стесняйтесь открыть проблему или отправить запрос на включение, если у вас есть способ улучшить этот проект.
Прежде чем отправлять запрос на включение, убедитесь, что ваш запрос имеет смысл, и вы протестировали приложение локально.
Обратитесь к CONTRIBUTING.md для получения более подробной информации о вкладе, требованиях к установке и запуске приложения.
Если вам понравился этот проект, поставьте ему лайк и поделитесь им с друзьями!
Купи мне кофе
Сделано с помощью PHP
В этом проекте используется Twemoji, опубликованный по лицензии CC-BY 4.0.