在 GitHub README.md 中渲染 Web Bookmark Card
类似我的 GitHub Profile README.md 中展示的，将一个链接转化为 Web Bookmark Card
渲染 SVG 服务
idea 源于社区童鞋的一个 issue
简单点说就是输入一个链接得到一个渲染好的 SVG 图像。
输入
https://svg.bookmark.style/api?url=https://bookmark.style&mode=light
生成
在 README.md 中渲染
在 GitHub 中的 README.md 是可以渲染 SVG 的，所以你可以把它作为一种展示手法放在 README.md 中，加强对链接的展现。
代码
拷贝如下代码到你的 README.md 中，即可展示一个渲染好的可视化 Web Bookmark
[]( https://bookmark.style)
支持 light/dark 模式
API
https://svg.bookmark.style/api?url=<URL>&mode=<light|dark>)
范例
https://svg.bookmark.style/api?url=https://bookmark.style&mode=light
支持自定义渐变颜色
URL 中的十六进制颜色不能包含 # 字符，所以你可以像这样写 #000000 -> 000000
Types
type GradidentColor = {
formColor: string
viaColor?: string
toColor: string
}
API
https://svg.bookmark.style/api?url=<URL>&fromColor=<FROM_COLOR>&viaColor=<TO_COLOR>&toColor=<TO_COLOR>)
范例
# without viaColor
https://svg.bookmark.style/api?url=https://bookmark.style&fromColor=f4a&toColor=4fa
# or with viaColor
https://svg.bookmark.style/api?url=https://bookmark.style&fromColor=f4a&viaColor=a4f&toColor=4fa
支持两种展示风格 Twitter/Notion
定义了 style 参数，vertical 代表 Twitter Like ，horizontal 代表 Notion Like
API
https://svg.bookmark.style/api?url=<URL>&style=<vertical|horizontal>)
范例
https://svg.bookmark.style/api?url=https://bookmark.style&style=vertical
Select Language