GitHub 风格随机头像 API - V2EX
爱意满满的作品展示区。
hvboekml

GitHub 风格随机头像 API

  •  3
     
  •   hvboekml
    hamibot Oct 16, 2020 9129 views
    This topic created in 2057 days ago, the information mentioned may be changed or developed.
    Supplement 1    Oct 16, 2020
    主要是面向开发者,普通用户应该用不上。
    32 replies    2020-10-17 10:27:06 +08:00
    rateltalk
        1
    rateltalk  
       Oct 16, 2020   1
    很少有网站支持设置链接头像吧
    aabbcc112233
        2
    aabbcc112233  
       Oct 16, 2020   4
    很好,唯一的问题就是怕你的服务哪天突然停了。考虑开源算了。
    hvboekml
        3
    < href="/member/hvboekml" class="dark">hvboekml  
    OP
       Oct 16, 2020
    hi, v 友
    源于最近在做个网站,有个头像似乎有趣一些,只仿照 GitHub 风格,随机生成,图片已压缩,所以 base64 不会很长,适合作为链接。

    欢迎讨论。
    mmtou
        4
    mmtou  
       Oct 16, 2020   2
    gravatar 的可以直接用吧,刚搞了个这样的小程序
    hvboekml
        5
    hvboekml  
    OP
       Oct 16, 2020
    @s609926202
    @aabbcc112233
    我是用来作为用户的初始头像,主要是面向开发者,普通用户应该用不上。
    bojue
        6
    bojue  
       Oct 16, 2020   1
    我觉得还挺有意思的。

    1.在交互式可以提供一个实时预览的功能,这样页面就不需要跳转了。
    2.用户可以自定义填写自己的图像颜色,圆形还是,矩形。
    3.生成图片可以有个下载按钮,base64 可以预览,快捷拷贝。
    MrCard
        7
    MrCard  
       Oct 16, 2020   2
    lz 头像哪里来的?好可爱
    hvboekml
        8
    hvboekml  
    OP
       Oct 16, 2020
    @bojue 你的三条建议都非常好,面向普通用户的话应该要这样做。

    ps: 目前没有这方面的计划。;-)
    hvboekml
        9
    hvboekml  
    OP
       Oct 16, 2020
    @MrCard ~( ̄ ̄)~* freepik
    aabbcc112233
        10
    aabbcc112233  
       Oct 16, 2020
    @hvboekml 我就是以开发者的角度说的。
    owenzhang24
        11
    owenzhang24  
       Oct 16, 2020   1
    为啥不开源
    stephenxiaxy
        12
    stephenxiaxy  
       Oct 16, 2020   1
    sankemao
        13
    sankemao  
       Oct 16, 2020   1
    myevery
        14
    myevery  
       Oct 16, 2020   1
    这个我正需要,怎么用啊,不太会用呢
    能介绍下么!
    myevery
        15
    myevery  
       Oct 16, 2020
    这样引用,不行呢!
    <img src="iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEXGqtzw8PAoBqUBAAAAPElEQVRIx2P4jwEYhp/QBwYQ4P8PZ4wKjQqNCg2kED8sd34YFRrKQshgVGiICiFFKmotOio0BIWGc1sOANMLmqxPJAzAAAAAAElFTkSuQmCC" />
    这样引用,倒是可以!但每次都不一样,怎么能固定呢
    <img style="-webkit-user-select: none;" src="https://api.prodless.com/avatar.png">
    <br />
    bojue
        16
    bojue  
       Oct 16, 2020   1
    @myevery 前面+:data:image/png;base64,

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEXGqtzw8PAoBqUBAAAAPElEQVRIx2P4jwEYhp/QBwYQ4P8PZ4wKjQqNCg2kED8sd34YFRrKQshgVGiICiFFKmotOio0BIWGc1sOANMLmqxPJAzAAAAAAElFTkSuQmCC" />
    myevery
        17
    myevery  
       Oct 16, 2020
    @bojue 谢谢,不错不错!我用这个了!
    怎么在 php 中调用这个 api 生成那段字符串啊,能简单介绍一下么,不好意思 基础有点差啊!
    再次感谢!
    myevery
        18
    myevery  
       Oct 16, 2020
    就是这段字符串够长的,有 202 个,能不能缩短一点!
    Saszr
        19
    Saszr  
       Oct 16, 2020   1
    hhhhh v2 就是这样的 底下肯定有人说开源 XD
    bojue
        20
    bojue  
       Oct 16, 2020
    @myevery 不会 php,你可以拼接字符串的方式,添加 base64 的前缀
    hvboekml
        21
    hvboekml  
    OP
       Oct 16, 2020
    @aabbcc112233
    @owenzhang24
    目前没有计划
    jackrebel
        22
    jackrebel  
       Oct 16, 2020   1
    如果不开源,楼主的服务器会不会哪天挂掉不能使用了? www.8kmm.com 想用。。。
    hvboekml
        23
    hvboekml  
    OP
       Oct 16, 2020
    @myevery

    #15 不支持指定,需要自行保存哦
    #17 正如 @bojue 所说,拼接 `data:image/png;base64,` 即可
    #18 图片已经经过压缩,基本是极限了
    hvboekml
        24
    hvboekml  
    OP
       Oct 16, 2020
    @Saszr 原来如此
    hvboekml
        25
    hvboekml  
    OP
       Oct 16, 2020
    @jackrebel 目前自用,没有保证,做错误处理?比如我是使用默认头像。导航漂亮哦 ps: 灰底白字对比度好像有些低了
    clf
        26
    clf  
       Oct 16, 2020   1
    所以,无法保证你提供的服务存活时间和我的一样长,那么没有人敢在自己产品上用这个。

    另外提一个建议,接口允许传递 key=xxx 这样一个参数,传递 key 相同时返回相同的图片,不然的话就相当于每个用户的头像都得存储在服务器里了。
    hvboekml
        27
    hvboekml  
    OP
       Oct 16, 2020
    @lychs1998 看了你的建议,我明白你的意思了,这个 API 主要是生成头像,并没有提供托管,也就是说生成后要自行保存(作为链接或者保存为文件,推荐前者,API 是按此目标设计的)。
    lizheming
        28
    lizheming  
       Oct 16, 2020   2
    btw 这种头像的话学名叫 identicon https://zh.wikipedia.org/wiki/Identicon 传入一个固定字符串之后会生成固定的头像,用 identicon 这个关键词可以搜到非常多现成的库,要开源的同学可以直接用这些库去生成下就行。
    hvboekml
        29
    hvboekml  
    OP
       Oct 16, 2020
    @lizheming GitHub 是,这个不是
    lizheming
        30
    lizheming  
       Oct 16, 2020 via iPhone
    @hvboekml 是的,因为你的更简单,没有提供随机种子,所以不是意义上的 identy icon,不过最终的实现图像还是和 identicon 一致的。另外我觉得楼上大部分人可能更需要的是 identicon
    td width="auto" valign="top" align="left">
        31
    XPo  
       Oct 17, 2020
    Identicon
    XPo
    hvboekml
        32
    hvboekml  
    OP
       Oct 17, 2020
    @lizheming
    @XPo
    这种图案不代表就是 identicon,实际也不是。
    About     Help     Advertise     Blog     API     FAQ     Solana     915 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 69ms UTC 21:23 PVG 05:23 LAX 14:23 JFK 17:23
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86