Как изменить цвет и размер изображения SVG на страницах GitHub - PullRequest
0 голосов
/ 06 января 2020

Я создал страницу Github после этого урока: https://guides.github.com/features/pages/

У меня есть файлы index.md и _config.yml. Я добавил /images/font-awesome/address-card-solid.svg файл, чтобы добавить это изображение https://fontawesome.com/icons/address-card.

Я отобразил изображение, добавив его в index.md

![useful image]({{ site.url }}/images/font-awesome/address-card-solid.svg)

Он отображается правильно когда я go на сайт (username.github.io). Но изображение масштабируется и занимает весь экран, а также имеет только черно-белый цвет. Как сделать изображение меньше и изменить его цвет? Я использую разметку Github (изменение файла index.md).

Я попытался импортировать удивительный шрифт CDN и использовать HTML для отображения изображения, но это ничего не показывает (как и ожидалось, как я нахожусь в .md файл).

1 Ответ

0 голосов
/ 07 января 2020

Вы можете использовать CSS, установить цвет или цвет фона. Имейте в виду, что SVG содержит объект пути, который может также нуждаться в классе CSS.

...