关于我尝试给博客文章上锁这件事

Posted on

如何给静态网页添加密码

因为写了点小黄文所以顺便研究下HTML加密
查资料代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function password(){
    var passwordInputWindow = prompt('Password:','');                   // 初始化密码输入窗口
    while(true) {                                                       // 无限循环
        if (!passwordInputWindow) {                                     // 如果输入窗口不存在
            history.go(-1);                                             // 则加载上一个页面
        }
        if (passwordInputWindow == "ansy") {                            // 密码正确，跳出循环
            // alert("OK");                                            
            break;
        }          
        var passwordInputWindow = prompt('Wrong Password');             // 密码不正确，跳出循环
    }
    return '';                                                          // 防止输入正确后页面出现undefined
}
document.write(password());                                             // 执行

然后针对hexo博客

1
2
3
4
5
6
7
8
9
10
<script>
    (function(){
        if('{{ page.password }}'){
            if (prompt('Password:') !== '{{ page.password }}'){
                alert('Wrong Password');
                history.go(-1);
            }
        }
    })();
</script>

然后朋友

“虽然电脑端没问题，但我拿手机qq自带的浏览器直接加载出来了。”
好吧.jpg 然后研究了一下DOM什么的，最后给出的解决方案是 `hexo-blog-encrypt` 是的，已经有插件了。

给我的教训

  • 测试要覆盖全（既然手机平板电脑都能访问网页那么就不能只测试电脑，也应该测试各种浏览器）
  • 多找轮子，少自己造，你不是天才，用dalao开发的东西.jpg

残留课题

想起来添加

更新日志

1.0 初稿完成

0%