osu-stats-signature – 生成实时更新的 osu! 个人资料卡片 – solstice23

osu-stats-signature – 生成实时更新的 osu! 个人资料卡片

2021-10-04 21:43

|

7,434

|

9

|

技术

270 字

|

2 分钟

solstice23/osu-stats-signature

前言

自从 Github 开放了在 profile 中添加 readme 的功能以后，就诞生了很多这种类型的项目。最近也想写一个，正好感觉之前的 osu-sig 有点过时（生成的不是 SVG），而且数据有点少，所以就写这个了。

正文

总体来说没什么特别的，大多数时间都花在画 SVG 模板上了。需要注意的就是字体，考虑到不是所有人电脑中都有 osu 官网的字体（实际上因为版权问题，用了一款类似的字体，而不是官网字体），所以所有字体全部转成 path 了。

使用

该项目部署在 Vercel 上，前往 osu-stats-signature.vercel.app 生成卡片。

将得到的卡片 SVG 地址作为图片插入到个人主页中即可。

效果

请忽略不太好看的 pp 值

Mini 卡片

其他

详见 Github Repo。

作者: solstice23
本文采用 CC BY-NC-SA 4.0 协议

osu!

评论

DengDuck

Linux Edge

1年前
2022-9-21 21:00:49

为什么无法访问啊
lilstar

Android Chrome

1年前
2022-6-25 8:48:41

牛牛牛
是可久呀

Windows Chrome

2年前
2022-5-09 22:40:42

太谢谢啦可是我不会弄上去 TvT
匿名

Windows Chrome

2年前
2022-3-31 11:22:33

感谢分享赞一个
Aki

Windows Chrome

2年前
2022-2-09 14:59:42

建站找主题找到argon才发现一直用的osu卡片居然是大佬做的
绫羽kiry

Windows Edge

2年前
2022-1-29 21:46:55

请问可以做 Muse Dash 的卡片吗
- solstice23
  博主
  绫羽kiry
  
  Windows Chrome
  
  2年前
  2022-1-29 21:48:53
  
  不是 Muse Dash 玩家，你可以写一个类似的项目（
Suan

Windows Edge

2年前
2021-11-28 18:33:38

滋磁！
Vmagic

Windows Chrome

2年前
2021-11-02 9:22:30

这个可太可了

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

AmashiroNatsukiEars

Telegram Emojis

小恐龙

花!