如何在github页面上更改SVG图像的颜色和大小

问题描述 投票:0回答:1

我在本教程之后创建了一个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)

当我转到网站(username.github.io)时,它会正确显示。但是图像会缩放并占据整个屏幕,并且颜色仅为黑白。如何缩小图像并改变其颜色?我正在使用Github markdown(修改index.md文件)。

我尝试导入真棒字体的CDN并使用HTML来显示图像,但是没有显示任何内容(正如我所期望的,就像我在.md文件中的样子。

github markdown jekyll github-pages github-flavored-markdown
1个回答
0
投票

您可以使用CSS,设置颜色或背景颜色。请注意,SVG包含可能还需要css类的path对象。

您可以共享SVG图像文件吗?

© www.soinside.com 2019 - 2024. All rights reserved.