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

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

  mayandev · 70 天前 · 12585 次点击
这是一个创建于 70 天前的主题,其中的信息可能已经有所发展或是发生改变。

twitter

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

网站地址:

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

搭建工具:

  • Nextjs
  • Tailwind
  • Vercel

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

第 1 条附言  ·  70 天前

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

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

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

3fiXUX

第 2 条附言  ·  64 天前

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

ERcj9G

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

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

notion avatar

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

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