学习

hexo文章加密

2019-01-14  本文已影响3人  TauJiong

本文首发于我的博客,更多精彩内容请移步Brayn的博客

想要查看本功能效果,可以移步文章加密功能 这篇文章测试及查看教程,密码:TloveY

前言

在Jekyll中摸爬滚打四五天,一直边学HTML,Liquid,JavaScript,CSS,Jekyll等知识,边尝试着自己做一个称心如意的主题,到最后终于是放弃了。倒不是偷懒,畏难,而是实在是从头开始的话代码太多,我最近又有课设,毕设,二专大作业等重重任务压身,实在没有精力花在“造轮子”上了,于是心安理得地给自己找了Hexo的next主题。

关于Hexo和next的基本教程我就不多说了,网上多的是,我是不屑于做“造轮子”这样的无用功的。这个主题可谓是包办了你几乎所有的需求,却偏偏没有加上 文章加密功能

实现方法

低级

实现

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

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

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

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

存在问题

目前主要问题是:

目前,我是把源码存在Coding的,他有私人仓库,所以不存在这样的问题。如果你是土豪程序猿,或者VPS,虚拟主机玩家,第二点也可以忽略。

高级

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

安装

快速开始

  1. 首先在 站点配置文件 中启用该插件:
encrypt:
    enable: true
  1. 然后在你的文章的头部添加上对应的字段,如 password, abstract, message
---
title: 文章加密
date: 2019-01-04T22:20:13.000Z
category: 教程
tags:
  - 博客
  - Hexo
keywords: 博客文章密码
password: TloveY
abstract: 密码:TloveY
message:  输入密码,查看文章
---
  1. 如果你想对 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 %>
  1. 然后使用 hexo clean && hexo g && hexo s,来查看效果。

自定义

  1. 如果你对默认的主题不满意,或者希望修改默认的提示和摘要内容,你可以添加如下配置在 站点配置文件 中。
encrypt:
  enable: true
  default_abstract: 这是一篇加密文章,内容可能是个人情感宣泄或者收费技术。如果你确实想看,请与我联系。
  default_message: 输入密码,查看文章。

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

  1. 如果你希望对某一篇特定的文章做特殊处理(如本文的 abstract ,可以在对应文章的头部添加
---
title: 文章加密
date: 2019-01-04T22:20:13.000Z
category: 教程
tags:
  - 博客
  - Hexo
keywords: 博客文章密码
password: TloveY
abstract: 密码:TloveY
---

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

存在问题

上一篇 下一篇

猜你喜欢

热点阅读