开发了一个生成 Notion 风格头像的在线工具 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mayandev
V2EX    分享创造

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

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

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  
Blackricky
    1
Blackricky  
   2021-09-27 16:39:25 +08:00
很赞哦
7gugu
    2
7gugu  
   2021-09-27 16:45:21 +08:00
牛逼,刚好想要找一个这样子的工具
mokeyjay
    3
mokeyjay  
   2021-09-27 16:48:38 +08:00   7
很赞。一个建议,希望点击各个部位时能出现选择框,而不是点一下换一个,操作太冗余
qgewfg
    4
qgewfg  
   2021-09-27 17:04:21 +08:00
赞!
新头像已经用了上,谢谢~
bigpower777
    5
bigpower777  
   2021-09-27 17:05:35 +08:00
挺好,赞一个
JamesChen
    6
JamesChen  
   2021-09-27 17:10:50 +08:00   2
挺酷的。有兴趣的话,可以考虑再独立抽成一个 UI 组件,然后放 npmjs 给其他项目玩玩,也更容易火
4074
    7
4074  
   2021-09-27 17:13:24 +08:00
牛逼啊,设计很好,楼主有点东西
Even
    8
Even  
   2021-09-27 17:13:29 +08:00
酷,希望能再多点可选项
FrankFang128
    9
FrankFang128  
   2021-09-27 17:16:41 +08:00   4
求「上一个」按钮
goldenlove
    10
goldenlove  
   2021-09-27 17:18:57 +08:00
哈哈哈~ 挺有意思,不知 Notion 官方看了作何感想……
期待并入 Notion 官方项目。
liuzhihang
    11
liuzhihang  
   2021-09-27 17:19:50 +08:00
MonkeyD1
    12
MonkeyD1  
   2021-09-27 17:21:06 +08:00
chanssl
    13
chanssl  
   2021-09-27 17:24:14 +08:00
MonkeyD1
    14
MonkeyD1  
   2021-09-27 17:25:52 +08:00
正好想换头像 不知道换啥呢
taklele
    15
taklele  
   2021-09-27 17:26:10 +08:00
是这么回事?
saigo
    16
saigo  
   2021-09-27 17:33:22 +08:00
好玩。。
shadeofgod
    17
shadeofgod  
   2021-09-27 17:40:13 +08:00
赞啊,楼主都是自己画的 part 吗
tinkerer
    18
tinkerer  
   2021-09-27 17:43:00 +08:00
starred.
LiHaiWordGe
    19
LiHaiWordGe  
   2021-09-27 17:47:34 +08:00
mayandev
    20
mayandev  
OP
   2021-09-27 17:52:03 +08:00
@shadeofgod 购买自一位设计师,具体请看本帖的附言
mayandev
    21
mayandev  
OP
   2021-09-27 17:57:16 +08:00
@JamesChen 感谢建议,有考虑过,但是看到同类型的 [npm 包]( https://www.npmjs.com/package/react-nice-avatar)download 次数很少,认为需求量不是很高,所以目前暂时不打算做。
rioshikelong121
    22
rioshikelong121  
   2021-09-27 18:07:21 +08:00
牛逼
v2ka
    23
v2ka  
   2021-09-27 18:18:57 +08:00
niubeeee !

网站做的太棒了~
SupperMary
    24
SupperMary  
   2021-09-27 18:32:25 +08:00
换上了
SupperMary
    25
SupperMary  
   2021-09-27 18:33:21 +08:00
最好做成可以选的,点一下换一个有时候还得翻回去
hvsy
    26
hvsy  
   2021-09-27 18:37:07 +08:00
感谢
saigo
    27
saigo  
   2021-09-27 18:38:17 +08:00
我来了
wolfie
    28
wolfie  
   2021-09-27 18:49:19 +08:00
看楼层,就跟黑客帝国 smith 一样,人传人
muyangren
    29
muyangren  
   2021-09-27 19:00:47 +08:00
开始出现人传人形象
YogiLiu
    30
YogiLiu  
   2021-09-27 19:04:15 +08:00 via Android
可以做一个类似 Gravatar 的服务,通过邮箱 hash 生成对应的随机头像,集成到博客里应该挺有意思,唯一的问题在于用户量大了素材的组合就不够了
rosu
    31
rosu  
   2021-09-27 19:05:51 +08:00 via Android
很棒,但是最想知道版权问题。希望可以标注一下。
wingoo
    32
wingoo  
   2021-09-27 19:10:59 +08:00
牛逼, 我要换头像了
edwardChen
    33
edwardChen  
   2021-09-27 19:16:10 +08:00
挺有意思的 赞
edinina
    34
edinina  
   2021-09-27 19:20:33 +08:00 via iPhone
赞!
edinina
    35
edinina  
   2021-09-27 19:29:35 +08:00
稍微把默认图空白部分切割了一下,效果更好哦
Jface
    36
Jface  
   2021-09-27 19:44:20 +08:00
感谢感谢~ 之前还想花钱找人帮忙画一个~
wingoo
    37
wingoo  
   2021-09-27 19:44:53 +08:00
似乎月亮嘴(不是哪个类似梯形的, 还有一个更像弯月的)没在列表里, 但可以随机到.
morisakitaku
    38
morisakitaku  
   2021-09-27 19:58:41 +08:00 via iPhone
iPhone 下下 怎打。
mayandev
    39
mayandev  
OP
   2021-09-27 20:07:50 +08:00
@wingoo 感谢反馈 ,已修复
mayandev
    40
mayandev  
OP
   2021-09-27 20:09:52 +08:00
@morisakitaku 查看一下文件 /下载项
lin
    41
lin  
   2021-09-27 21:22:24 +08:00
我也买了这套素材,我也打算搞一个小工具来着。哈哈。你快。
kidult
    42
kidult  
   2021-09-27 21:25:18 +08:00
感谢,正好想换个头像
Momostudent
    43
Momostudent  
   2021-09-27 21:29:15 +08:00
用上了感谢
whoisix
    44
whoisix  
   2021-09-27 21:30:51 +08:00 via Android
哈哈,好玩
crab
    45
crab  
   2021-09-27 21:53:31 +08:00
好玩,胡须类型少了点。
HHAO2019
    46
HHAO2019  
   2021-09-27 22:19:02 +08:00   11
哈哈 我刚刚换完 notion 风格的头像,然后就看到你这个帖子,和你的对比一下,感觉还是我这个更适合我。分享下我用的网站。https://cvbox.org/
graetdk
    47
graetdk  
   2021-09-27 22:19:47 +08:00
很赞!另外推荐一下接收捐赠可以用我们的小工具: https://dun.mianbaoduo.com ,打赏的人无需注册登录且账期更短
pems002
    48
pems002  
   2021-09-27 22:29:02 +08:00
赞!!
tomine
    49
tomine  
   2021-09-27 22:46:18 +08:00
非常棒
shilianmlxg
    50
shilianmlxg  
   2021-09-27 22:47:02 +08:0 via iPhone
谢谢大佬 可以多学亿点点内容
lu5je0
    51
lu5je0  
   2021-09-27 23:02:55 +08:00
tongweizj
    52
tongweizj  
   2021-09-27 23:20:35 +08:00
很好玩
ricky077
    53
ricky077  
   2021-09-27 23:28:24 +08:00
大佬,好好玩
v2vTZ
    54
v2vTZ  
   2021-09-28 00:18:25 +08:00 via iPhone
很可爱~收下了
Weixiao0725
    55
Weixiao0725  
   2021-09-28 00:31:24 +08:00
也可以尝试用 AI 算法去随机生成
chiu
    56
chiu  
   2021-09-28 00:52:14 +08:00 via Android
今天好像在 product hunt 看到这套插画
linmi
    57
linmi  
   2021-09-28 02:28:36 +08:00 via iPhone   1
高端
wzw
    58
wzw  
  &bsp;2021-09-28 02:50:50 +08:00
这头像好用, 我也去生成一个
Perry
    59
Perry  
   2021-09-28 05:11:25 +08:00
Fixedsys
    60
Fixedsys  
   2021-09-28 06:13:08 +08:00
用上了。
Monchee
    61
Monchee  
   2021-09-28 06:25:14 +08:00
谢谢 很骚
ncepuzs
    62
ncepuzs  
   2021-09-28 07:57:17 +08:00
楼上撞头像撞得……
billwang
    63
billwang  
   2021-09-28 08:18:20 +08:00
各个元素的选择能使用下拉菜单的方式吗,这种点击的有些不友好了。
eudore
    64
eudore  
   2021-09-28 08:30:10 +08:00
66666
xiongsa18
    65
xiongsa18  
   2021-09-28 08:31:21 +08:00
换上了,感谢~
uCharles
    66
uCharles  
   2021-09-28 08:43:35 +08:00
这就换上,感谢感谢 哈哈
mannixSuo
    67
mannixSuo  
   2021-09-28 08:46:02 +08:00
不错 感谢!!
p1gd0g
    68
p1gd0g  
   2021-09-28 09:05:37 +08:00
牛逼!
p1gd0g
    69
p1gd0g  
   2021-09-28 09:09:28 +08:00
可惜没找到自己发型哈哈哈。
这个打赏只能月付嘛,有没有一次性的?
tankren
    70
tankren  
   2021-09-28 09:24:35 +08:00
感谢! star 以表支持
litchinn
    71
litchinn  
   2021-09-28 09:25:09 +08:00
感谢,已经换上:D
tankren
    72
tankren  
   2021-09-28 09:25:39 +08:00
胡须好像跟脸型不是很贴合。。
FaustinaD
    73
FaustinaD  
   2021-09-28 09:28:45 +08:00
女用户表示。。。昨天试着拼了一个,咋看都觉得像男扮女装,不知道哪里出了问题。。。。
tsaoyu
    74
tsaoyu  
   2021-09-28 09:40:15 +08:00
好活!
KillPaul
    75
KillPaul  
   2021-09-28 09:42:28 +08:00
@faustina2018 哈哈哈其实设计的是有一丝丝奇怪,你试试 46 楼的那个链接,那个用的是另外一个很有名的形象组件,可能会更符合你的口味
Tokin
    76
Tokin  
   2021-09-28 09:44:20 +08:00
换上了我的理想型
wchluxi
    77
wchluxi  
   2021-09-28 09:46:23 +08:00
aitaii
    78
aitaii  
   2021-09-28 09:54:17 +08:00
ob
    79
ob  
   2021-09-28 09:56:10 +08:00
牛 B,请问下,代码和图像可以拿来做项目吗?
hjdtl
    80
hjdtl  
   2021-09-28 09:57:38 +08:00
不错,已经换上了
balabalaguguji
    81
balabalaguguji  
   2021-09-28 09:59:30 +08:00
好看
ob
    82
ob  
   2021-09-28 10:05:05 +08:00
由 Felix Wong 创建。他已放弃所有版权和相关或邻接权。在 CC0 许可下免费用于商业和个人用途。
注意:此插图包不适用于 NFT 。
最后一句是指不能用于 NFT 吗?
yamedie
    83
yamedie  
   2021-09-28 10:08:09 +08:00   1
不错, 小建议,按钮可以加上 user-select:none 样式, 以免点击太快的时候出现蓝色选中状态
tooyotu
    84
tooyotu  
   2021-09-28 10:11:35 +08:00
太酷了~
balabalaguguji
    85
balabalaguguji  
   2021-09-28 10:13:05 +08:00
想要弄一个到我的工具箱网站 tools.fun 不会打我吧
yakun4566
    86
yakun4566  
   2021-09-28 10:20:01 +08:00
芜湖~
sdushn
    87
sdushn  
   2021-09-28 10:21:57 +08:00
有点意思,啊哈哈
PqZS58MLPBHFpEqm
    88
PqZS58MLPBHFpEqm  
   2021-09-28 10:24:31 +08:00
现在全民是 notion 的员工了 哈哈
einq7
    89
einq7  
   2021-09-28 10:27:45 +08:00
@HHAO2019 #46 非常棒!
ljinkai
    90
ljinkai  
   2021-09-28 10:28:48 +08:00
@mayandev 有意思的产品,希望能加到下一期的产品周刊里 https://github.com/ljinkai/weekly
onlywyj
    91
onlywyj  
   2021-09-28 10:30:54 +08:00
@balabalaguguji 网站不错
calano
    92
calano  
   2021-09-28 10:33:36 +08:00
芜湖
Guozi1989
    93
Guozi1989  
   2021-09-28 10:34:03 +08:00
棒~换上了
azkaban
    94
azkaban  
   2021-09-28 10:36:51 +08:00
可以,微信换了
Marven
    95
Marven  
   2021-09-28 10:40:54 +08:00
大家好
play78
    96
play78  
   2021-09-28 10:41:08 +08:00
v2 迎来一波换头像潮
ligiggy
    97
ligiggy  
   2021-09-28 10:42:06 +08:00
牛,支持
251243021
    98
251243021  
   2021-09-28 10:48:26 +08:00
设计的不错.
muhahaha
    99
muhahaha  
   2021-09-28 10:51:52 +08:00
支持!
straysheep
    100
straysheep  
   2021-09-28 10:52:39 +08:00
cool
1  2  
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2678 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 42ms UTC 13:47 PVG 21:47 LAX 06:47 JFK 09:47
Do have faith in what you're doing.
ubao 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