在 github 页面中显示圆形图片作为个人资料图片(使用降价)
Displaying rounded images in github pages for profile image (using markdown)
我正在尝试在我的 github 页面中使用 markdown 显示 circular/rounded 图像。
现在我可以显示图像,如下所示,
check this please But i need the image to be like this,here
查看我的 github 页面,here 仍在处理中
我在网上搜索了一下,发现有几篇文章都使用了HTML和CSS来显示圆形图像On w3schools。但我想使用降价显示图像。
是否可以使用降价显示圆形图像。
我是菜鸟,请帮助我。
不确定这是否适合您,但我所做的是使用 images.weserv.nl 服务:
https://images.weserv.nl/?url=avatars.githubusercontent.com/u/65769327?v=4&h=300&w=300&fit=cover&mask=circle&maxage=7d
您可以调整高度和宽度。它会生成这样的东西:
降价:
![avatar](https://images.weserv.nl/?url=avatars.githubusercontent.com/u/65769327?v=4&h=300&w=300&fit=cover&mask=circle&maxage=7d
)
另一种方法是下载像GIMP这样的图像编辑软件并遮盖一个圆圈。然后记得导出为透明的 PNG,但是 images.weserv.nl 服务是一个很好的方法,假设服务永远不会停止
我正在尝试在我的 github 页面中使用 markdown 显示 circular/rounded 图像。 现在我可以显示图像,如下所示, check this please But i need the image to be like this,here
查看我的 github 页面,here 仍在处理中
我在网上搜索了一下,发现有几篇文章都使用了HTML和CSS来显示圆形图像On w3schools。但我想使用降价显示图像。 是否可以使用降价显示圆形图像。 我是菜鸟,请帮助我。
不确定这是否适合您,但我所做的是使用 images.weserv.nl 服务: https://images.weserv.nl/?url=avatars.githubusercontent.com/u/65769327?v=4&h=300&w=300&fit=cover&mask=circle&maxage=7d
您可以调整高度和宽度。它会生成这样的东西:
降价:
![avatar](https://images.weserv.nl/?url=avatars.githubusercontent.com/u/65769327?v=4&h=300&w=300&fit=cover&mask=circle&maxage=7d
)
另一种方法是下载像GIMP这样的图像编辑软件并遮盖一个圆圈。然后记得导出为透明的 PNG,但是 images.weserv.nl 服务是一个很好的方法,假设服务永远不会停止