V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mayandev
V2EX  ›  分享创造

开发了一个生成 Notion 风格头像的在线工具

  mayandev ·
mayandev · 2021-09-27 16:36:20 +08:00 · 19642 次点击
这是一个创建于 1151 天前的主题,其中的信息可能已经有所发展或是发生改变。

twitter

🪄 一个生成 Notion 风格头像的在线工具,支持 i18n 。

网站地址:

GitHub 地址: https://github.com/Mayandev/notion-avatar

搭建工具:

  • Nextjs
  • Tailwind
  • Vercel

欢迎使用,欢迎 star,欢迎反馈。

第 1 条附言  ·  2021-09-27 17:50:33 +08:00

感谢支持,只做了很微小的建站工作,头像素材由设计师 @Felix Wong 设计,大家可以购买插画以支持设计师。

插画遵循 CC0 Lisence,购买后可用于任何用途。

工具在上线前已获得原设计师的准许。

3fiXUX

第 2 条附言  ·  2021-10-03 19:38:38 +08:00

新增了一个 Embed 功能,现在可以复制 URL 或者 Markdown,插入任意的代码或者文档中,欢迎试用 👏!

ERcj9G

例如下面是一个 svg 的头像:

![notion avatar](https://notion-avatar.vercel.app/api/img/eyJmYWNlIjoxMCwibm9zZSI6MTAsIm1vdXRoIjoxMCwiZXllcyI6NywiZXllYnJvd3MiOjgsImdsYXNzZXMiOjIsImhhaXIiOjYsImFjY2Vzc29yaWVzIjowLCJkZXRhaWxzIjowLCJiZWFyZCI6MH0=)

notion avatar

194 条回复    2022-07-25 09:52:54 +08:00
1  2  
glongzh
    101
glongzh  
   2021-09-28 11:01:14 +08:00
感谢!早就想搞个 notion style 头像了!
jarl
    102
jarl  
   2021-09-28 11:09:39 +08:00
感谢
shawndev
    103
shawndev  
   2021-09-28 11:10:01 +08:00
好家伙,这不就传说中的是 NFT 嘛
RobinHu
    104
RobinHu  
   2021-09-28 11:10:50 +08:00
dd
VVValent
    105
VVValent  
   2021-09-28 11:17:35 +08:00
哇哇哇!! 好棒
damnlemon
    106
damnlemon  
   2021-09-28 11:17:58 +08:00
不错,很好玩
zhuangzhuang1988
    107
zhuangzhuang1988  
   2021-09-28 11:27:59 +08:00
牛逼.
swczxf
    108
swczxf  
   2021-09-28 11:28:58 +08:00 via Android
dd
Junzhou
    109
Junzhou  
   2021-09-28 11:30:23 +08:00
nb!
mayandev
    110
mayandev  
OP
   2021-09-28 11:37:43 +08:00
@graetdk 感谢推荐,换上了!
AASW2ss
    111
AASW2ss  
   2021-09-28 11:37:59 +08:00
真好用,谢谢
mayandev
    112
mayandev  
OP
   2021-09-28 11:38:52 +08:00
@faustina2018 可以尝试把脸型换成尖一点的
Ansen
    113
Ansen  
   2021-09-28 11:40:19 +08:00
看看 v2 撞头像的概率有多大
mayandev
    114
mayandev  
OP
   2021-09-28 11:40:56 +08:00
@ob `not intended for NFT use` 翻译过来应该是 `不打算用于 NFT`,不过最近看到设计师的推特上又说有计划上 NFT 。
mayandev
    115
mayandev  
OP
   2021-09-28 11:52:58 +08:00
@ljinkai 可以的!感谢收录!
mayandev
    116
mayandev  
OP
   2021-09-28 11:54:21 +08:00
@billwang 暂时还没设计出比较好看的下拉菜单的交互 UI,会考虑采纳!
NEVERCODE
    117
NEVERCODE  
   2021-09-28 11:57:48 +08:00
真不错,但是有个小问题,下载的头像,不居中啊,太靠下了!!!!设置头像的时候快逼死我了……
mayandev
    118
mayandev  
OP
   2021-09-28 12:11:08 +08:00
@NEVERCODE 因为有些脸型或发型会导致出现比较多的空白,可以下载后裁剪一下,或者手动截图。
thuang
    119
thuang  
   2021-09-28 12:13:33 +08:00
大胡子与绝大多数的嘴形都不合适……其余的完美!
AllenHua
    120
AllenHua  
   2021-09-28 12:20:45 +08:00   ❤️ 1
感谢楼主提供的工具。notion 风格的头像是不错的。

借楼推广一下借用这个 [API]( https://api.prodless.com/avatar.png) 实现的一个小工具——[保存 GitHub/V2EX/gravatar identicon “几何图案”风格的头像到本地文件夹]( https://hellodk.cn/post/797)
![20210926163227]( https://cdn.jsdelivr.net/gh/hellodk34/image@main/img/20210926163227.png)
AmiKara
    121
AmiKara  
   2021-09-28 12:43:18 +08:00
好多老哥已经带着这个头像入侵其他贴了😹
XiLemon
    122
XiLemon  
   2021-09-28 12:43:58 +08:00
建议出一个根据自拍生成头像功能
sysuyep
    123
sysuyep  
   2021-09-28 13:46:28 +08:00
感谢楼主
poorcai
    124
poorcai  
   2021-09-28 13:51:36 +08:00
完了,V 站全都是这种头像了(捂脸
palxie
    125
palxie  
   2021-09-28 13:51:47 +08:00
八错八错
hryen
    126
hryen  
   2021-09-28 13:52:46 +08:00
很不错
romantique2012
    127
romantique2012  
   2021-09-28 14:14:06 +08:00
感谢楼主
Kaier
    128
Kaier  
   2021-09-28 14:17:25 +08:00   ❤️ 1
很棒...
但.. 萌萌二次元头像天下第一!
paccco
    129
paccco  
   2021-09-28 14:18:55 +08:00
很不错
JmingZhang
    130
JmingZhang  
   2021-09-28 14:23:38 +08:00
牛逼
duck2
    131
duck2  
   2021-09-28 14:36:18 +08:00
彳亍
Ansen
    132
Ansen  
   2021-09-28 14:38:40 +08:00
https://avatars.dicebear.com/

这个头像生成也不错
Biwood
    133
Biwood  
   2021-09-28 14:44:18 +08:00
这帖子看下来哗啦啦都是黑白头像,分不清谁是谁了,感觉辨识度不高,要加上颜色背景比较好
Hasak1
    134
Hasak1  
   2021-09-28 14:44:20 +08:00
nice
Hercules
    135
Hercules  
   2021-09-28 14:49:24 +08:00
get
gaodq
    136
gaodq  
   2021-09-28 14:54:57 +08:00
真不错
tutuge
    137
tutuge  
   2021-09-28 14:55:27 +08:00
非常好用,已用~
7ucifer
    138
7ucifer  
   2021-09-28 15:08:59 +08:00
已换
580a388da131
    139
580a388da131  
   2021-09-28 15:09:31 +08:00
素材是矢量
成品图片又太小了
wupeng756
    140
wupeng756  
   2021-09-28 15:25:04 +08:00
不错 厉害哇
an168bang521
    141
an168bang521  
   2021-09-28 15:27:41 +08:00
真不错,感谢分享
chiuan
    142
chiuan  
   2021-09-28 15:30:32 +08:00
太赞了!!!!!
Jaosn
    143
Jaosn  
   2021-09-28 15:37:55 +08:00
怎么都弄不像...放弃了
WeiPong
    144
WeiPong  
   2021-09-28 15:40:58 +08:00
换上了
52111847
    145
52111847  
   2021-09-28 15:41:56 +08:00
呦西
easylee
    146
easylee  
   2021-09-28 15:48:41 +08:00
页面设计真好看,这个存在模板吗?
EvilDevilJin
    147
EvilDevilJin  
   2021-09-28 15:50:14 +08:00
mark,已 star,感谢。
lanbatian
    148
lanbatian  
   2021-09-28 15:55:34 +08:00
请问 logo 是怎么动起来的,想学
hiahiahiahia
    149
hiahiahiahia  
   2021-09-28 15:55:40 +08:00
已 star
chenxinwri9212
    150
chenxinwri9212  
   2021-09-28 15:55:44 +08:00
谢谢啦 已经 star
hlwjia
    151
hlwjia  
   2021-09-28 16:01:08 +08:00
妈呀 这帖子里的清一色 notion 风啊
pleidy
    152
pleidy  
   2021-09-28 16:34:38 +08:00
再+1
oneisall8955
    153
oneisall8955  
   2021-09-28 16:40:43 +08:00
+1 hhh
zhaozhentou
    154
zhaozhentou  
   2021-09-28 16:52:13 +08:00
哦豁
Hyoban
    155
Hyoban  
   2021-09-28 17:01:22 +08:00 via Android
底色可以编辑就更好了
fretory
    156
fretory  
   2021-09-28 17:02:13 +08:00
ohhhh~~ 换上了 爱了爱了
Elix
    157
Elix  
   2021-09-28 17:06:36 +08:00
来来来,换上换上
longzn
    158
longzn  
   2021-09-28 17:16:10 +08:00
已经换上了
NEVERCODE
    159
NEVERCODE  
   2021-09-28 17:27:13 +08:00
哈哈哈哈哈吓人,这铁子下面全是这头像了快哈哈哈
melonzzz
    160
melonzzz  
   2021-09-28 17:57:22 +08:00
good~
dunn
    161
dunn  
   2021-09-28 18:47:30 +08:00
哈哈~
xuzhzzz
    162
xuzhzzz  
   2021-09-28 18:57:28 +08:00
1
ouou0701
    163
ouou0701  
   2021-09-28 20:28:27 +08:00
就是发型少了点哈哈哈哈哈哈哈
Spoience
    164
Spoience  
   2021-09-28 20:49:06 +08:00
Good Job! Thank you❤
zhangfeiwudi
    165
zhangfeiwudi  
   2021-09-28 20:53:04 +08:00
我好了
muhahaha
    166
muhahaha  
   2021-09-28 23:24:28 +08:00
我好了
EIlenZe
    167
EIlenZe  
   2021-09-28 23:49:03 +08:00
mayandev
    168
mayandev  
OP
   2021-09-29 00:12:54 +08:00
@Hyoban 现在提供了 svg 的下载选项,可以自己再稍作调整 🙏
vnobody
    169
vnobody  
   2021-09-29 10:14:55 +08:00
秀一秀
sankemao
    170
sankemao  
   2021-09-29 12:42:30 +08:00
hahah
ackmanfork
    171
ackmanfork  
   2021-09-29 13:36:54 +08:00
nice
zhengjian
    172
zhengjian  
   2021-09-29 15:23:39 +08:00
不错,建议增加分享功能( URL )。
jianghaifei
    173
jianghaifei  
   2021-09-29 16:29:55 +08:00
八错 好玩
mdemo
    174
mdemo  
   2021-09-30 10:31:46 +08:00
很赞
mayandev
    175
mayandev  
OP
   2021-10-04 18:10:54 +08:00
@zhengjian 已支持
mikong0911
    176
mikong0911  
   2021-10-06 10:04:27 +08:00
好玩!
真不错!
hanangellove
    177
hanangellove  
   2021-10-06 13:50:49 +08:00 via iPhone
不错
weishijun14
    178
weishijun14  
   2021-10-08 14:07:37 +08:00
厉害了~
XTTX
    179
XTTX  
   2021-10-09 10:46:22 +08:00
6666666. ui 设计的很有风格的
lankunblue
    180
lankunblue  
   2021-10-09 11:28:19 +08:00
谢谢已经用上了
lankunblue
    181
lankunblue  
   2021-10-09 11:31:05 +08:00
大佬后续有没有考虑过增加更多的脸型,发型?还是需要等设计师?
laowudxf
    182
laowudxf  
   2021-10-09 17:34:31 +08:00
已经用上了,谢谢
xshwy
    183
xshwy  
   2021-10-09 19:56:34 +08:00
左上角头像一直在闪 搞的眼睛好难受 手机 /PC 端都很难受 导致简单使用草草关闭页面…
among
    184
among  
   2021-10-10 19:11:43 +08:00
tks
titanlpy
    185
titanlpy  
   2021-10-11 15:16:46 +08:00
用上了
Ixizi
    186
Ixizi  
   2021-10-12 19:49:09 +08:00
如果能来点颜色就更好啦
zhaodong
    187
zhaodong  
   2021-10-14 10:24:32 +08:00
很棒棒,用上了
hueralin
    188
hueralin  
   2021-10-14 16:20:45 +08:00
不错不错,感谢分享,star 了~
353943780
    189
353943780  
   2021-10-15 14:23:26 +08:00
太可爱了,如果能支持帽子饰品就更好了!
datian9966
    190
datian9966  
   2021-10-18 16:38:40 +08:00
常年不登录,特意登录来留言表示感谢!~
fairytale110
    191
fairytale110  
   2021-10-19 11:52:38 +08:00
哎哟不错哟 (^U^)ノ~YO
bzshow1
    192
bzshow1  
   2021-10-19 16:40:03 +08:00
不错哟
mayandev
    193
mayandev  
OP
   2022-02-24 17:02:39 +08:00
2022.02.24 更新了不少发型、脸型和装饰
livenux
    194
livenux  
   2022-07-25 09:52:54 +08:00
现在用不了了,控制台报错
1  2  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1716 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 29ms · UTC 16:46 · PVG 00:46 · LAX 08:46 · JFK 11:46
Developed with CodeLauncher
♥ Do have faith in what you're doing.