hexo-blog-encrypt更换自定义模板

hexo加密教程

hexo文章加密,点击查看

弊端

第一种方法,上文已经点评过,可以被轻松破解,而且在搜索文章中显示相关字段。

对于第二种方法,有两个问题:

  • 浏览器自动填充密码,而每个密码可能设置不一样
  • 没有相关按钮可以点击来提交密码

修改模板

故修改模板,参考的时github上的issue.

模板内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div id="security">
<div>
<div class="input-group">
<input type="password" class="form-control" id="pass" placeholder=" {{message}} "/>
<div class="input-group-btn">
<button type="button" class="btn btn-success" onclick="decryptAES()">解密</button>
</div>
</div>
</div>
</div>
<div id="encrypt-blog" style="display:none">
{{content}}
</div>

效果:
pic

注意:加密后的文章目录不能正常显示!

坚持原创技术分享,您的支持将鼓励我继续创作!
0%