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

前言

自从 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 协议

评论

  1. 是可久呀
    Windows Chrome
    2周前
    2022-5-09 22:40:42

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

  2. 匿名
    Windows Chrome
    2月前
    2022-3-31 11:22:33

    感谢分享 赞一个

  3. Windows Chrome
    3月前
    2022-2-09 14:59:42

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

  4. Windows Edge
    4月前
    2022-1-29 21:46:55

    请问 可以做 Muse Dash 的卡片吗

    • 博主
      绫羽kiry
      Windows Chrome
      4月前
      2022-1-29 21:48:53

      不是 Muse Dash 玩家,你可以写一个类似的项目(

  5. Suan
    Windows Edge
    6月前
    2021-11-28 18:33:38

    滋磁!

  6. Vmagic
    Windows Chrome
    7月前
    2021-11-02 9:22:30

    这个可太可了

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: Telegram @AmashiroNatsukiEars_NoWord Sticker
Source: Telegram Animated Emojis
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
AmashiroNatsukiEars
Telegram Emojis
小恐龙
花!
上一篇