大家好!最近在学习 SEO 和 Cursor AI 编程的过程中,想着做点实用的小工具,也算是练手,顺便解决了日常中遇到的一个小痛点。于是就搞了个简单的密码生成器:Password Generator。
这个工具能做什么?
为什么做这个工具?
其实主要是平时经常需要设密码,有时候也担心重复密码用多了不安全。所以这个工具可以帮忙随机生成难猜的密码,简单实用。也是借这个机会练习 SEO 优化,看看能不能把这个小工具做到让大家更容易找到。如果有朋友对 SEO 或 Cursor AI 编程感兴趣,也欢迎交流~
如果有建议或者想法,非常欢迎分享!希望这个工具能对大家有点帮助,也算是学习过程中的一个小成果。感谢大家的支持,提前谢过啦!
![]() | 1 alanhe421 338 天前 ![]() 很强, |
![]() | 2 InDom 338 天前 添加一个保存组合的方案,比如我日常 24 位 特殊符号组合,但有时候需要 16 位大小写数字的,类似的需求。 |
![]() | 3 meetqyx 338 天前 我焯,被你玩出了花 |
4 Laysan 338 天前 bitwardn 1password 这些不都能生成 |
5 Altairvelvet 338 天前 enpass ,1password ,bitwarden ,每个密码管理器都有这个功能。 要不,你还是吃点儿好的先? |
![]() | 6 zqjilove 338 天前 还是谷歌浏览器自带的,自动生成安全密码省事,右键就自动搞定和填充。 |
![]() | 8 Leo295 OP @Laysan 是的,我自己也是 Bitwarden 的忠实用户,不过对于没有用密码管理器软件的用户来说,直接打开一个网页生成也是一个方案吧。 另外,也是用来学习下 SEO 和 Cursor AI 编程的项目,密码生成器比较简单。 |
![]() | 9 Leo295 OP @Altairvelvet 吃过好的了,感谢,这些产品都用过,1password 之前用到付费的时候就没继续用了,Bitwarden 一直在使用中,也自建过 Bitwarden 的 Server 。 对于没有用密码管理器软件的用户来说,打开一个网页生成密码也是一个方案吧。 另外,也是用来学习下 SEO 和 Cursor AI 编程的项目,密码生成器比较简单。 |
![]() | 11 ixcode 338 天前 cat /dev/urandom | tr -dc 'a-zA-Z0-9!@#$%^&*()' | head -c 32; echo 有我的命令好用吗 |
![]() | 12 dingwen07 338 天前 via iPhone 所有密码管理器都自带吧 |
![]() | 13 hanksun 338 天前 很好啊,配置很丰富,吃过好的也值得支持一下 |
![]() | 14 catwalk 338 天前 ![]() 网站做的挺不错,但是工具型的角度来看,不够直接,做工具应该要非常直观和简单,才会重复使用,市面上基本上都是这种,而你的网站,需要做 4 步才可以生成,首页 => 往下滚动 => 生成密码 => 点击复制。 很多主流的密码管理软件,都带一键生成密码(并复制)。 建议:建议改成一步到位,看你的网站的自定义比较多,可以考虑做细分领域,专注强而复杂的密码。 不过市场会少而又少,做产品可以先考虑你的客户是哪些,需求是什么,再来做功能。其实找准需求,再做 MVP 才是最好的结果,无需太复杂。 |
![]() | 15 licoycn 338 天前 ![]() |
16 mxT52CRuqR6o5 338 天前 ![]() Math.random 这种线性同余的随机数算不上「加密级随机算法」吧,得用 Crypto.getRandomValues 这种 |
17 gefangshuai 338 天前 密码管理器自带、Raycast 也自带,再不行一个 js 函数搞定: function generateRandomPassword(length = 16) { const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+~'; let password = ''; for (let i = 0; i < length; i++) { const randomIndex = Math.floor(Math.random() * chars.length); password += chars[randomIndex]; } return password; } console.log(generateRandomPassword()); |
![]() | 21 Leo295 OP @catwalk 感谢建议,一键生成密码(并复制) 这个功能会考虑加上。 另外这个项目就是用来学习 SEO 和 Cursor AI 编程的,我觉得这样密码生成器比较简单就做了。 建议很专业,已发送铜币感谢。 |
![]() | 23 Leo295 OP @mxT52CRuqR6o5 专业的建议 ,文本主要是为了 SEO 生成的,会考虑换成 Crypto.getRandomValues 。 对于密码学没有很深入的研究,大佬见谅。 |
![]() | 24 Leo295 OP @gefangshuai 密码管理器我知道自带,Raycast 是需要通过 Password generator 插件吗? |
![]() | 25 4ra1n 338 天前 这个前端好看啊 |
![]() | 26 inhzus 338 天前 i18n 好像还没做全。但这网站好看啊,真好看 |
![]() | 27 Leo295 OP @4ra1n 感谢,用的 TailwindCSS ,然后告诉 Cursor ,使用 TailwindCSS ,优化样式,使其更现代化。 hah ,我也是不会啥设计的,现在 AI 直接生成代码更符合我的风格,我只需要觉得好不好看就可以了。 |
![]() | 28 Leo295 OP ![]() @inhzus 对的,还在施工中,不过主要的功能 i18n 做完了,想着先发布让搜索引擎收录,这样更有动力。 前端用的 TailwindCSS ,然后告诉 Cursor ,使用 TailwindCSS ,优化样式,使其更现代化。 hah ,我也是不会啥设计的,现在 AI 直接生成代码更符合我的风格,我只需要觉得好不好看就可以了。 |
![]() | 29 catwalk 338 天前 ![]() @Leo295 谢谢,可以先挖掘下这块需求再来考虑做功能也不迟,做产品就是解决需求,解决别人需求才会有人使用,才会有增长,选择比努力重要,选对了,事半功倍 关键词可专注:Random Password Generator | Create Strong Passwords 首页建议把前端改改,两个生成 Botton[Generate Strong Password]、[Generate Memorable Password] 布局大概: ---------------------------------- | [h1]关键词[h1] | | [p]描述、包含关键词[p] | | | | [随机生成密码] [复制][生成] | | | [自定义密码] | | | [Botton]复制[/Botton] | | --------------------------------| 也就是将 https://password.toolbox-hub.com/zh/generator/strong-password 对功能 办到首页。 从 seo 角度就是将用户需求,直接最快最简单提供给用户,减少跳出率,提高转化率。 并且,用户搜索的关键词过来是需要随机密码及自定义密码。 最这样的布局 个人认为合理,可以继续调整优化。 |
![]() | 31 catwalk 338 天前 ![]() @Leo295 国内和国外的 SEO 不一样,因为人群不一样,习惯不一样,Google 的 SEO ,内页很多是做介绍和对比,介绍你的产品为什么比别人的好,为什么要用你的,加上别人的产品关键词和你的对比,增加此类的内页。 主页只做主要关键词,然后看看统计都是搜索什么过来,再优化改善,加上反馈的联系,让用户反馈给你优化。 |
![]() | 33 vimiix 338 天前 这个网站做的挺干净漂亮的,是自己写的吗,还是用的框架(求分享) |
![]() | 35 Leo295 OP ![]() @vimiix Next.js + TailwindCSS + Cursor AI 。 前端用的 TailwindCSS ,然后告诉 Cursor ,使用 TailwindCSS ,优化样式,使其更现代化。 |
![]() | 36 Leo295 OP @catwalk V2EX 上只能看到你的回复,帖子显示“根据 catwalk 的设置,主题列表被隐藏”,可以加我 V https://wangrunlin.com/wechat.png |
![]() | 37 jqtmviyu 337 天前 网站简洁美观, 但意义不大. 因为会注重密码安全的人大概率会用密码管理工具和自动填充功能, 内置了自动生成功能. |
![]() | 38 leiclye 337 天前 分享个我的此类收藏夹连接, 话说有可以添加一个了, 哈哈~ https://passwordsgenerator.net # 使用率最高的~ https://pwgen.io https://www.lastpass.com/features/password-generator https://pwpush.com/ +1 : https://password.toolbox-hub.com/zh |
![]() | 39 ob 337 天前 via Android 最近是一天一个工具站 seo 了吗? |
![]() | 40 bluedawn 337 天前 via iPhone 密码生成从输入容易程度和健壮性来讲平衡最好的还得是 Apple 自带的密码管理器 其它软件生成的压根不想让你有哪怕一次的手动输入完全是痛苦 |
41 evada 337 天前 强密码 128 位页面卡死了 |
42 hunterzhang86 337 天前 via iPhone 哈哈,最近大家的想法怎么都差不多,我做了简单的纯粹自用,https://www.ifb.me/en/tools/pwd-generator |
43 Dora112233 337 天前 如果布局做成左右的呢,左侧显示密码,右侧配置(小屏上下滑动不方便),修改配置的时候实时刷新密码,不需要点生成 |
45 gefangshuai 337 天前 @Leo295 装个 Password Generator 插件就行 |
![]() | 46 xiaozhang1609 337 天前 我也做了个,嘿嘿。fixpc.cc ,导航栏第三个工具。 |
![]() | 47 0xByteray 336 天前 代码是开源的吗? |
48 flmn 336 天前 类似的工具太多了。如果想出圈,需要优化,提几个建议: 1 、优化速度,就是那种一输入网址立马蹦出来的感觉,所以 nextjs 并不是个好框架,太慢了,因为业务简单,找一个更快的框架。另外,考虑如何部署,做成静态文件,放 cdn ,哪哪访问都快。 2 、生成密码的按钮都需要滚动才能看见,太缺少产品设计意识了,整个界面最好一页显示,不要滚动。生成密码的按钮放在上面,配置项放在下面。 3 、页面设计紧凑些,比如生成数量选择下拉那么宽没意义的,提高页面的信息密度。配置项可以按照轻重缓急做成可折叠的,不常修改的配置,隐藏起来,有需要可展开。 |
![]() | 50 miwang 77 天前 我一般用这个来生成密码 https://onlinetool.co/secure-password-generator/ |