全文加密示例文章

🎉 恭喜解锁全文加密文章！

如果您能看到这段文字，说明您已经成功输入了正确的密码！

密码是：demius2025

📝 全文加密功能说明

全文加密功能适用于以下场景：

1. 私密日记

记录个人生活、心情、想法等私密内容：

---
title: "我的私密日记"
password: "myDiary2025"
passwordHint: "我的日记密码"
---

今天的心情...

2. VIP会员专享

为付费会员提供专属内容：

---
title: "VIP专享教程"
password: "vipMember2025"
passwordHint: "请输入VIP会员密码"
---

VIP专享的高级教程...

3. 内部文档

团队内部共享的文档：

---
title: "团队内部文档"
password: "team@2025"
passwordHint: "团队协作密码"
---

内部文档内容...

4. 考试答案

防止学生提前看到答案：

---
title: "期末考试答案"
password: "examKey2025"
passwordHint: "考试结束后公布"
---

考试答案...

🔐 与部分加密的对比

特性	全文加密	部分加密
加密范围	整篇文章	特定内容块
使用方式	Front Matter	Shortcode
密码位置	文章元数据	每个加密块
灵活性	⭐⭐⭐	⭐⭐⭐⭐⭐
适用场景	私密文章	内容分级
卡片标识	🔒 全文加密	🔐 部分加密

💡 使用建议

密码管理

使用强密码
- 至少8位字符
- 混合字母、数字、符号
- 避免常见密码
妥善保管
- 记录在安全的地方
- 定期更换密码
- 不要在文章中明文提示
分享策略
- 通过邮件发送给订阅者
- 在评论区告知获取方式
- 作为活动奖励提供

内容组织

合理分类
- 按重要程度分级
- 使用不同的密码
- 清晰的提示文字
用户体验
- 提供适当的密码提示
- 说明密码获取方式
- 考虑读者的便利性

🎨 界面特点

全屏遮罩

全文加密使用全屏遮罩层，特点：

🖼️ 居中显示：密码输入框在屏幕中央
🎨 精美动画：锁图标摇摆动画
💫 平滑过渡：解锁后平滑淡出
🌓 暗色支持：完美适配暗色模式
📱 移动优化：响应式设计

文章卡片

在文章列表中：

┌────────────────────────────────┐
│ 📌 置顶    🔒 全文加密         │
│                                │
│  [封面图片]                    │
│                                │
│  文章标题                       │
│  文章摘要...                    │
│                                │
│  #标签1 #标签2                 │
└────────────────────────────────┘

🔧 技术细节

密码加密

使用 SHA256 哈希：

// 前端密码验证
const inputHash = await sha256(password);
if (inputHash === storedHash) {
    // 密码正确，显示内容
}

状态管理

使用 sessionStorage：

// 保存解锁状态
sessionStorage.setItem(`full_encrypted_${articleId}`, 'unlocked');

// 检查解锁状态
const unlocked = sessionStorage.getItem(`full_encrypted_${articleId}`);

PJAX 兼容

// PJAX 切换后重新初始化
if (window.initEncryption) {
    window.initEncryption();
}

📊 实际应用案例

案例1：在线教育平台

场景： 付费课程内容保护

---
title: "Python高级编程 - 第10课"
password: "course10_2025"
passwordHint: "请查看您的课程邮件获取密码"
---

本课内容...

案例2：个人博客

场景： 私密日记和心情记录

---
title: "2025年10月28日 - 晴"
password: "diary20251028"
passwordHint: "今天的日期（8位数字）"
---

今天发生了...

案例3：技术文档

场景： 团队内部技术文档

---
title: "项目架构设计文档"
password: "arch@team2025"
passwordHint: "团队技术密码"
---

系统架构...

🎯 最佳实践

1. 密码提示设计

✅ 好的提示： “提示：我的生日（6位数字）”
❌ 不好的提示： “密码很简单”

2. 内容组织

✅ 清晰分类： 使用 categories 和 tags
✅ 明确标识： 在标题或描述中说明需要密码
✅ 合理定价： 如果是付费内容，价格要合理

3. 用户沟通

✅ 告知方式： 在评论区或页面底部说明如何获取密码
✅ 及时响应： 快速回复读者的密码请求
✅ 定期更新： 定期更换密码确保安全

❓ FAQ

Q1: 密码安全吗？

A: 使用 SHA256 哈希存储，但这是客户端加密，不适合存储高度敏感信息。

Q2: 可以修改密码吗？

A: 可以！直接在 Front Matter 中修改 password 值即可。

Q3: 密码有长度限制吗？

A: 没有限制，但建议8位以上以确保安全性。

Q4: 忘记密码怎么办？

A: 查看文章源文件的 Front Matter，密码就在那里。

Q5: 可以批量加密多篇文章吗？

A: 可以使用相同的密码，或者使用脚本批量修改 Front Matter。

🚀 开始使用

编辑文章

---
title: "你的文章标题"
password: "yourPassword"
passwordHint: "密码提示（可选）"
---

文章内容...

构建网站
```
hugo
```
测试效果
- 访问文章
- 输入密码
- 查看加密内容

🎉 总结

全文加密功能为您的博客提供了强大的内容保护能力：

✅ 简单配置：只需添加一个 password 参数
✅ 美观界面：全屏遮罩+精美动画
✅ 安全可靠：SHA256 哈希保护
✅ 用户友好：清晰的提示和反馈
✅ 完全适配：PJAX、暗色模式、移动端

享受安全的内容分享体验吧！🔒

文章密码：fulltext2025
提示：fulltext + 今年年份

如果您能看到这些内容，说明加密功能工作正常！👏