需求来源
需求描述
- 加密含有图片和文字的内容
希望能够对某些含有图片和文字的内容进行简单加密,而不仅仅是纯文本。 - 基于块引用的前端加密
理想情况下,通过块引用的方式引用加密内容,但跳转到加密笔记时需要输入密码验证,而不是直接打开。 - 功能优化
- 支持 Markdown 语法和图片内容加密。
- 在跳转到加密笔记时要求输入密码。
- 前端加密实现,避免直接暴露内容。
实现思路
- 块内容加密
利用现有的 JavaScript 脚本对块内容进行加密,确保内容在未解密的情况下不可见。 - 密码验证
在跳转或尝试打开加密笔记时,弹出密码验证窗口,输入正确密码后允许访问。 - 支持 Markdown 和图片
使用加密工具对 Markdown 及嵌入图片的内容进行处理(如 Base64 编码图片),以支持渲染。 - 前端实现
编写一个脚本,将加密逻辑嵌入到页面中,监听用户操作(如点击加密笔记),在用户输入密码通过验证后解密内容。