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

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

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

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:00 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  
   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
胡须好像跟脸型不是很贴合。。
faustina2018
    73
faustina2018  
   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   ·   我们的愿景   ·   实用小工具   ·   1531 人在线   最高记录 6543   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 39ms · UTC 17:08 · PVG 01:08 · LAX 10:08 · JFK 13:08
Developed with CodeLauncher
♥ Do have faith in what you're doing.