密码保护测试文章

欢迎来到密码保护文章

这是一篇受密码保护的文章。只有输入正确密码的用户才能查看完整内容。

测试密码: test123

功能说明

密码保护特性

1. 密码验证: 使用 SHA-256 哈希算法验证密码
2. 状态持久化: 解锁状态保存在 localStorage 中，刷新页面后无需重新输入
3. 安全存储: 密码哈希值存储在文章 front matter 中，不会暴露明文密码
4. 用户体验: 提供友好的密码输入界面和错误提示

使用方法

1. 在文章的 front matter 中添加 passwordHash 字段
2. 使用 scripts/generate-password-hashes.js 脚本生成密码哈希
3. 将生成的哈希值添加到文章的 front matter 中

示例代码

# 生成密码哈希
node scripts/generate-password-hashes.js your_password

# 在文章 front matter 中添加
---
title: "我的密码文章"
passwordHash: "生成的哈希值"
---

技术实现

前端验证

• 使用 Web Crypto API 进行 SHA-256 哈希计算
• 客户端验证，无需服务器支持
• 适合静态网站（如 Hugo）

安全考虑

• 密码哈希存储在 front matter 中
• 明文密码不会传输到服务器
• 解锁状态仅存储在本地浏览器中

注意事项

1. 密码保护是客户端实现的，技术用户可以通过查看源代码绕过
2. 适合用于轻量级内容保护，不适合高度敏感的内容
3. 清除浏览器缓存或使用隐私模式会清除解锁状态

提示: 如果你能看到这段内容，说明你已经成功解锁了这篇文章！🎉