【Hexo】4.Hexo 博客文章进行加密

安装

bash 复制代码
npm install --save hexo-blog-encrypt

1-快速使用

将" password"添加到您的文章信息头就像这样:

md 复制代码
password: 123456
---

2-按标签加密

1.修改文章信息头如下:

md 复制代码
title: Hello World
tags:
- 加密文章tag
date: 2020-03-13 21:12:21
password: muyiio
abstract: 这里有东西被加密了,需要输入密码查看哦。
message: 您好,这里需要密码。
wrong_pass_message: 抱歉,这个密码看着不太对,请再试试。
wrong_hash_message: 抱歉,这个文章不能被纠正,不过您还是能看看解密后的内容。

2.对博客根目录_config添加如下字段:

yml 复制代码
# 安全
encrypt: # hexo-blog-encrypt
  abstract: 这里有东西被加密了,需要输入密码查看哦。
  message: 您好, 这里需要密码.
  tags:
  - {name: tagName, password: 密码A}
  - {name: tagName, password: 密码B}
  template: <div id="hexo-blog-encrypt" data-wpm="{{hbeWrongPassMessage}}" data-whm="{{hbeWrongHashMessage}}"><div class="hbe-input-container"><input type="password" id="hbePass" placeholder="{{hbeMessage}}" /><label>{{hbeMessage}}</label><div class="bottom-line"></div></div><script id="hbeData" type="hbeData" data-hmacdigest="{{hbeHmacDigest}}">{{hbeEncryptedData}}</script></div>
  wrong_pass_message: 抱歉, 这个密码看着不太对, 请再试试.
  wrong_hash_message: 抱歉, 这个文章不能被校验, 不过您还是能看看解密后的内容.

3-TOC 文章进行加密

  1. 在hexo/themes/matery/layout/_partial/article.ejs找到article.ejs

  2. 然后找到<%post.content%>这段代码,通常在30行左右

  3. 使用如下的代码来替代它:

    <% if(post.toc == true){ %>

    <div id="toc-div" class="toc-article" <% if (post.encrypt == true) { %>style="display:none" <% } %>> Index <% if (post.encrypt == true) { %> <%- toc(post.origin, {list_number: true}) %> <% } else { %> <%- toc(post.content, {list_number: true}) %> <% } %>
<% } %> <%- post.content %>
相关推荐
Codebee2 分钟前
# 🔥A2UI封神!元数据驱动的AI交互新范式,技术人必看
前端·架构
JarvanMo10 分钟前
展望 2030 年:移动开发者的未来将如何?
前端
我的xiaodoujiao11 分钟前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 34--基础知识 9--文件上传功能
前端·python·测试工具·ui·pytest
辛-夷12 分钟前
pinia与Vuex高频面试题
前端·vue.js
.生产的驴20 分钟前
泛微E10二开 前端Ecode拦截器
前端
亿元程序员26 分钟前
PinK(Cocos4.0?)生成飞机大战,抢先体验全流程!
前端
晓得迷路了29 分钟前
栗子前端技术周刊第 111 期 - Next.js 16.1、pnpm 10.26、Bun 1.3.5...
前端·javascript·bun
CodeSheep38 分钟前
中国四大软件外包公司
前端·后端·程序员
七月shi人39 分钟前
使用Node版本管理包n,在MAC电脑权限问题
前端·macos
shangxianjiao40 分钟前
vue前端项目介绍项目结构
前端·javascript·vue.js