GitHub项目地址:https://github.com/D0n9X1n/hexo-blog-encrypt

低级

实现

打开yourblogsite/themes/next/layout/custom/head.swig文件,在之间添加以下内容

#JavaScript
<script>
(function(){
if('{{ page.password }}'){
if (prompt('请输入密码') !== '{{ page.password }}'){
alert('密码错误');
history.back();
}
}
})();
</script>

之后,在你想要加密的文章的头文件里添加上password: yourpassword即可。

注意,这里仅针对Hexo平台的next主题。但是,它的代码和思想是通用的,你在Hexo的其他主题,甚至是Jekyll的主题里也是可以做到的,只是要摆放的位置会不一样。位置的要点是:

  • 模板文件。无论是Hexo还是Jekyll,都应该在layout文件夹中。

  • 之间。其实在其他位置也是可行的,但是在此代码之前的一些内容可能会被加载,不完美。

存在问题

目前主要问题是:

  • 丑。调用浏览器的UI,各个平台的样式不统一。

  • 可能被破解。如果你的博客源码是存放在GitHub这样的开源库的话,那么恭喜你。别有用心之人可以通过查看你的GitHub仓库对应文章的md文件找到这个密码。

高级

真正高级别的方法早就有大神给做好了,同样是在hexo插件中心 & GitHub。现将方法记录如下。

安装

npm install --save hexo-blog-encrypt

或者 (需要安装 Yarn)

yarn add hexo-blog-encrypt

快速开始

首先在 站点配置文件(config.yml) 中启用该插件:

encrypt:
enable: true

然后在你的文章的头部添加上对应的字段,如 password, abstract, message

---
title: 文章加密
date: 2019-01-04T22:20:13.000Z
category: 教程
tags:
- 博客
- Hexo
keywords: 博客文章密码
password: TloveY
abstract: 密码:TloveY
message: 输入密码,查看文章
---
  • password: 是该博客加密使用的密码
  • abstract: 是该博客的摘要,会显示在博客的列表页
  • message: 这个是博客查看时,密码输入框上面的描述性文字

如果你想对 TOC 也进行加密,则在 article.ejs 中将 TOC 的生成代码修改成如下:

<% if(post.toc == true){ %>
<div id="toc-div" class="toc-article" <% if (post.encrypt == true) { %>style="display:none" <% } %>>
<strong class="toc-title">Index</strong>
<% if (post.encrypt == true) { %>
<%- toc(post.origin) %>
<% } else { %>
<%- toc(post.content) %>
<% } %>
</div>
<% } %>
<%- post.content %>

然后使用 hexo clean && hexo g && hexo s,来查看效果。

自定义

如果你对默认的主题不满意,或者希望修改默认的提示和摘要内容,你可以添加如下配置在 站点配置文件 中。

encrypt:
enable: true
default_abstract: 这是一篇加密文章,内容可能是个人情感宣泄或者收费技术。如果你确实想看,请与我联系。
default_message: 输入密码,查看文章。

这样,对于每一篇需要加密的文章就不必都在在头部添加 abstractmessage 字段了,脚本会自动添加默认的内容填充。

如果你希望对某一篇特定的文章做特殊处理(如本文的 abstract ,可以在对应文章的头部添加

---
title: 文章加密
date: 2019-01-04T22:20:13.000Z
category: 教程
tags:
- 博客
- Hexo
keywords: 博客文章密码
password: TloveY
abstract: 密码:TloveY
---

此时,博客头部的 abstract 会覆盖 站点配置文件default_abstract 实现自定义。

存在问题

  • 如果你开启了 字数统计功能 的话,那么本文的字数会显得比实际值大。

  • 加密文章内部分脚本会失效,已知代码复制失效,输入密码后刷新页面可解决该问题。

作者:TauJiong
链接:https://www.jianshu.com/p/44e211829447
来源:简书