最近做了一个小工具： Password Generator，欢迎大家试用 🎉

[Leo295]

大家好！最近在学习 SEO 和 Cursor AI 编程的过程中，想着做点实用的小工具，也算是练手，顺便解决了日常中遇到的一个小痛点。于是就搞了个简单的密码生成器：Password Generator。

💡 这个工具能做什么？

• 随机密码生成：可以自定义密码复杂度，比如要包含哪些字符，生成符合你需要的安全密码。
• 隐私保护：所有密码生成过程都在本地完成，完全不用担心隐私问题，我也不会存储任何数据。

🔧 为什么做这个工具？

其实主要是平时经常需要设密码，有时候也担心重复密码用多了不安全。所以这个工具可以帮忙随机生成难猜的密码，简单实用。也是借这个机会练习 SEO 优化，看看能不能把这个小工具做到让大家更容易找到。如果有朋友对 SEO 或 Cursor AI 编程感兴趣，也欢迎交流～

🔗 传送门：Password Generator

如果有建议或者想法，非常欢迎分享！希望这个工具能对大家有点帮助，也算是学习过程中的一个小成果。感谢大家的支持，提前谢过啦！ 🙏

[alanhe421]

很强，👍

[InDom]

添加一个保存组合的方案，比如我日常 24 位 特殊符号组合，但有时候需要 16 位大小写数字的，类似的需求。

[wcao]

我焯，被你玩出了花

[Laysan]

bitwardn 1password 这些不都能生成

[Altairvelvet]

enpass ，1password ，bitwarden ，每个密码管理器都有这个功能。

要不，你还是吃点儿好的先？

[zqjilove]

还是谷歌浏览器自带的，自动生成安全密码省事，右键就自动搞定和填充。

[Leo295]

@InDom 目前可以保存一份配置，这个需求 Get 到了，后期可以考虑一下，感谢建议🙏。

[Leo295]

@Laysan 是的，我自己也是 Bitwarden 的忠实用户，不过对于没有用密码管理器软件的用户来说，直接打开一个网页生成也是一个方案吧。
另外，也是用来学习下 SEO 和 Cursor AI 编程的项目，密码生成器比较简单。

[Leo295]

@Altairvelvet 吃过好的了，感谢，这些产品都用过，1password 之前用到付费的时候就没继续用了，Bitwarden 一直在使用中，也自建过 Bitwarden 的 Server 。
对于没有用密码管理器软件的用户来说，打开一个网页生成密码也是一个方案吧。
另外，也是用来学习下 SEO 和 Cursor AI 编程的项目，密码生成器比较简单。

[Leo295]

@zqjilove 确实，现代浏览器的密码管理和生成密码功能都很强大。

[ixcode]

cat /dev/urandom | tr -dc 'a-zA-Z0-9!@#$%^&*()' | head -c 32; echo
有我的命令好用吗

[dingwen07]

所有密码管理器都自带吧

[hanksun]

很好啊，配置很丰富，吃过好的也值得支持一下

[catwalk]

网站做的挺不错，但是工具型的角度来看，不够直接，做工具应该要非常直观和简单，才会重复使用，市面上基本上都是这种，而你的网站，需要做 4 步才可以生成，首页 => 往下滚动 => 生成密码 => 点击复制。

很多主流的密码管理软件，都带一键生成密码(并复制)。

建议：建议改成一步到位，看你的网站的自定义比较多，可以考虑做细分领域，专注强而复杂的密码。
不过市场会少而又少，做产品可以先考虑你的客户是哪些，需求是什么，再来做功能。其实找准需求，再做 MVP 才是最好的结果，无需太复杂。

[licoycn]

我也有一个： https://utils.fun/rand-password

[mxT52CRuqR6o5]

Math.random 这种线性同余的随机数算不上「加密级随机算法」吧，得用 Crypto.getRandomValues 这种

[gefangshuai]

密码管理器自带、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());

[Leo295]

@ixcode 厉害 👍，厉害 👍

[Leo295]

@dingwen07 是的，主要是练习下 SEO 和 Cursor AI 编程，这个网站对于不使用密码管理器的人来说还是有使用场景的。

[Leo295]

@hanksun 感谢

[Leo295]

@catwalk 感谢建议，一键生成密码(并复制) 这个功能会考虑加上。

另外这个项目就是用来学习 SEO 和 Cursor AI 编程的，我觉得这样密码生成器比较简单就做了。

建议很专业，已发送铜币感谢。

[Leo295]

@licoycn 👍 Nice

[Leo295]

@mxT52CRuqR6o5 专业的建议 👍，文本主要是为了 SEO 生成的，会考虑换成 Crypto.getRandomValues 。
对于密码学没有很深入的研究，大佬见谅。

[Leo295]

@gefangshuai 密码管理器我知道自带，Raycast 是需要通过 Password generator 插件吗？

[4ra1n]

这个前端好看啊

[inhzus]

i18n 好像还没做全。但这网站好看啊，真好看

[Leo295]

@4ra1n 感谢，用的 TailwindCSS ，然后告诉 Cursor ，使用 TailwindCSS ，优化样式，使其更现代化。

hah ，我也是不会啥设计的，现在 AI 直接生成代码更符合我的风格，我只需要觉得好不好看就可以了。

[Leo295]

@inhzus 对的，还在施工中，不过主要的功能 i18n 做完了，想着先发布让搜索引擎收录，这样更有动力。

前端用的 TailwindCSS ，然后告诉 Cursor ，使用 TailwindCSS ，优化样式，使其更现代化。

hah ，我也是不会啥设计的，现在 AI 直接生成代码更符合我的风格，我只需要觉得好不好看就可以了。

[catwalk]

@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 角度就是将用户需求，直接最快最简单提供给用户，减少跳出率，提高转化率。
并且，用户搜索的关键词过来是需要随机密码及自定义密码。

最这样的布局 个人认为合理，可以继续调整优化。

[Leo295]

@catwalk 感谢建议，会持续更新。

其实一开始就只是一个单一页面，生成密码的功能，后面为了 SEO 多加了一些内页，反而搞得画蛇添足了。

[catwalk]

@Leo295 国内和国外的 SEO 不一样，因为人群不一样，习惯不一样，Google 的 SEO ，内页很多是做介绍和对比，介绍你的产品为什么比别人的好，为什么要用你的，加上别人的产品关键词和你的对比，增加此类的内页。

主页只做主要关键词，然后看看统计都是搜索什么过来，再优化改善，加上反馈的联系，让用户反馈给你优化。

[Leo295]

@catwalk 🌹找到修改方向了，十分感谢！

[vimiix]

这个网站做的挺干净漂亮的，是自己写的吗，还是用的框架（求分享）

[catwalk]

@Leo295 不客气，可以看我贴加我，互相交流

[Leo295]

@vimiix Next.js + TailwindCSS + Cursor AI 。

前端用的 TailwindCSS ，然后告诉 Cursor ，使用 TailwindCSS ，优化样式，使其更现代化。

[Leo295]

@catwalk V2EX 上只能看到你的回复，帖子显示“根据 catwalk 的设置，主题列表被隐藏”，可以加我 V https://wangrunlin.com/wechat.png

[jqtmviyu]

网站简洁美观, 但意义不大. 因为会注重密码安全的人大概率会用密码管理工具和自动填充功能, 内置了自动生成功能.

[leiclye]

分享个我的此类收藏夹连接, 话说有可以添加一个了, 哈哈~

https://passwordsgenerator.net # 使用率最高的~

https://pwgen.io

https://www.lastpass.com/features/password-generator

https://pwpush.com/

+1 : https://password.toolbox-hub.com/zh

[ob]

最近是一天一个工具站 seo 了吗？

[bluedawn]

密码生成从输入容易程度和健壮性来讲平衡最好的还得是 Apple 自带的密码管理器
其它软件生成的压根不想让你有哪怕一次的手动输入完全是痛苦

[evada]

强密码 128 位页面卡死了

[hunterzhang86]

哈哈，最近大家的想法怎么都差不多，我做了简单的纯粹自用，https://www.ifb.me/en/tools/pwd-generator

[Dora112233]

如果布局做成左右的呢，左侧显示密码，右侧配置（小屏上下滑动不方便），修改配置的时候实时刷新密码，不需要点生成

[dingdangnao]

https://www.lastpass.com/features/password-generator

[gefangshuai]

@Leo295 装个 Password Generator 插件就行

[xiaozhang1609]

我也做了个，嘿嘿。fixpc.cc ，导航栏第三个工具。

[0xByteray]

代码是开源的吗？

[flmn]

类似的工具太多了。如果想出圈，需要优化，提几个建议：

1 、优化速度，就是那种一输入网址立马蹦出来的感觉，所以 nextjs 并不是个好框架，太慢了，因为业务简单，找一个更快的框架。另外，考虑如何部署，做成静态文件，放 cdn ，哪哪访问都快。
2 、生成密码的按钮都需要滚动才能看见，太缺少产品设计意识了，整个界面最好一页显示，不要滚动。生成密码的按钮放在上面，配置项放在下面。
3 、页面设计紧凑些，比如生成数量选择下拉那么宽没意义的，提高页面的信息密度。配置项可以按照轻重缓急做成可折叠的，不常修改的配置，隐藏起来，有需要可展开。

[iceecream]

@flmn 同意，类似工具太多了。lastpass 直接给你填充。以前我用 pinventor ，现在需求少了，去收藏夹吃灰把