hexo文章加密

心情好的话才是晴天

对自己博客的文章进行加密

安装插件

  • npm install –save hexo-blog-encrypt

调用插件

  • 首先需要在 _config.yml 中启用该插件
1
2
3
4
# Security
##
encrypt:
enable: true

使用插件

  • 在你的文章的头部添加上对应的字段
1
2
3
4
5
6
7
8
9
---
title: hello world
date: 2016-03-30 21:18:02
tags:
- fdsafsdaf
password: Mike
abstract: Welcome to my blog,enter password to read.
message: Welcome to my blog,enter password tp read.
---

对TOC 也进行加密

  • 在 article.ejs 中将 TOC 的生成代码修改成如下:
1
2
3
4
5
6
7
8
9
10
11
<% 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 %>

修改加密模板

  • 添加如下配置在 _config.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Security
##  
encrypt:
enable: true
default_abstract: the content has been encrypted, enter the password to read.</br>
default_message: Please enter the password to read.
default_template:
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<div id="security">
<div class="input-container">
<input type="password" class="form-control" id="pass" placeholder=" {{message}} " />
<label for="pass"> {{message}} </label>
<div class="bottom-line"></div>
</div>
</div>
<div id="encrypt-blog" style="display:none">
{{content}}
</div>
  • default_abstract : 这个是指在文章列表页,我们看到的加密文章描述。当然这是对所有加密文章生效的。
  • default_message : 这个在文章详情页的密码输入框上方的描述性文字。
  • default_template : 这个是指在文章详情页,我们看到的输入密码阅读的模板,同理,这个也是针对所有文章的
文章目录
  1. 1. 心情好的话才是晴天
  2. 2. 对自己博客的文章进行加密
    1. 2.1. 安装插件
    2. 2.2. 调用插件
    3. 2.3. 使用插件
    4. 2.4. 对TOC 也进行加密
    5. 2.5. 修改加密模板
|
{{ live2d() }}