实现方法

低级

实现

打开yourblogsite/themes/hexo-theme-inside/layout/index.njk文件，在之间添加以下内容

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

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

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

模板文件。都应该在layout文件夹中。

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

存在问题

目前主要问题是：

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

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

高级

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

安装

npm install --save hexo-blog-encrypt

或者 yarn add hexo-blog-encrypt(需要安装 Yarn)

快速开始

首先在站点配置文件中启用该插件:

encrypt:enable: true

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

---
title: 文章加密
date: 2021-01-04T22:20:13.000Z
category: 教程
tags:- 博客- inside
keywords: 博客文章密码
password: MloveY
abstract: 密码：MloveY
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，来查看效果。

自定义

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

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

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

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

---
title: 文章加密
date: 2021-01-04T22:20:13.000Z
category: 教程
tags:- 博客- inside
keywords: 博客文章密码
password: MloveY
abstract: 密码：MloveY
message:  输入密码，查看文章
---

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

存在问题

如果你开启了字数统计功能的话，那么本文的字数会显得比实际值大。
加密文章内部分脚本会失效，已知代码复制失效。

【随记】hexo文章加密相关推荐

Hexo博文加密思路总结
一.概述博客网站的运行有一段时间了,随着博文数量的不断增多.文章类型的不断丰富,于是逐渐的对文章的隐私性有了要求.有些文章可能是自己的私人日记,不便于公开发表,但是有时候又需要对一些亲密的人开放,因 ...
Hexo文章图片存储选七牛（当然支持MD都可以）
版权声明:本文为 Codeagles 原创文章,可以随意转载,但必须在明确位置注明出处!!! 今天一打开blog发现一个总大问题,所有文章中的图片全挂了,Hexo文章中的图片,可以放在本地,然后和静态 ...
hexo文章url设置
hexo文章url设置 hexo文章的url在博客根目录的_config.yml中进行配置,默认配置如下: permalink: :year/:month/:day/:title/ #年/月/日/文章 ...
Hexo博客设置文章加密
引言今天给大家推荐一款适用于 Hexo 的静态博客加密插件:hexo-blog-encrypt,搭配此插件你可以写一些比较私密的博客,通过密码验证的方式让其他人不能随意浏览. 1.安装插件首先运行 ...
【Hexo】静态博客设置文章加密访问
引言今天给大家推荐一款适用于 Hexo 的静态博客加密插件:hexo-blog-encrypt,搭配此插件你可以写一些私密博客,通过密码验证的方式让人不能随意浏览. 安装 npm npm insta ...
使用插件aplayer和MeingJS在hexo文章内添加音乐
music 依赖: APlayer.js > 1.8.0 Meting.js > 1.1.1 hexo-tag-aplayer和MeingJS使用方法摘抄自官网:中文文档首发自我的个人博 ...
Python实现英文文章加密传送，收到后进行解密
思路:将I Love You这样的字符串中的每一个字符,将他的Unicode码都就进行加或减去一个特定的数, 在传送过程中,如果被截获,获取的也是一段混乱的文章,当收到这段文章后,按相同的方式对Uni ...
html网页加密最终版,【原】记一次加密网页html的研究
某次web编程,思考着辛辛苦苦编写的web别人右键查看源码不就一目了然了?当然有些人会把script写入外部js引入,但也只是增加了查看源码的步骤.我就想把整个页面html都加密下,只是右键查看时, ...
踩坑记--hexo中加入音乐
我一直都想要做一个人博客.不久前,朋友推荐我来玩玩hexo,之后我就开始了自己的踩坑之旅--其实我用github+hexo搭建个人网站的时候挺顺利的,重在我修改next主题的默认样式以及加入小功能的时 ...

【随记】hexo文章加密

实现方法

低级

实现

存在问题

目前主要问题是：

高级

安装

快速开始

自定义

存在问题

【随记】hexo文章加密相关推荐

最新文章

热门文章