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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

💡 这个工具能做什么？

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

🔧 为什么做这个工具？

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

🔗 传送门：Password Generator

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

46 条回复 • 2024-11-07 14:05:45 +08:00

alanhe421

1 天前

很强，👍

InDom

1 天前

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

wcao

1 天前

我焯，被你玩出了花

Laysan

1 天前

bitwardn 1password 这些不都能生成

Altairvelvet

1 天前

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

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

zqjilove

1 天前

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

Leo295

1 天前

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

Leo295

1 天前

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

Leo295

1 天前

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

Leo295

1 天前

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

ixcode

1 天前

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

dingwen07

1 天前 via iPhone

所有密码管理器都自带吧

hanksun

1 天前

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

catwalk

1 天前

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

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

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

licoycn

1 天前

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

mxT52CRuqR6o5

1 天前

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

gefangshuai

1 天前

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

1 天前

@ixcode 厉害 👍，厉害 👍

Leo295

1 天前

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

Leo295

1 天前

@hanksun 感谢

Leo295

1 天前

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

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

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

Leo295

1 天前

@licoycn 👍 Nice

Leo295

1 天前

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

Leo295

1 天前

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

4ra1n

1 天前

这个前端好看啊

inhzus

1 天前

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

Leo295

1 天前

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

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

Leo295

1 天前

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

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

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

catwalk

1 天前

@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

1 天前

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

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

catwalk

1 天前

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

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

Leo295

1 天前 via Android

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