加密分类或独立页

743天前2037

早上在看博友折腾网站的经历里看到了未来他要折腾的几个功能,其中一条:“想弄个像 handsome 那样的分类加密功能,作为私密日记”。

我想想好像是蛮有趣的,我也想给自己搞个,不过可能我也没啥好隐藏的文章,哈哈。

然后花了半小时鼓捣了一个能用的方法,哈哈,不过还没有详细测试。

我的思路是分了两种方法加密Typecho分类页面,不过不完善哈。

第一种:新建独立页面模板,在模板里调用需要的分类文章,然后在模板里调用加密文件;

第二种:主题下新建 category 目录,新建“你需要密码的分类缩略名.php”的文件,这个方法可以自定义分类的模板,接下来也是一样的调用加密文件;

其实两个方法都是一样的道理,只是一个是直接自定义了加密分类的模板,一个是自定义一个显示加密分类的独立页面。

为了节省时间(其实是偷懒不想写哈哈),我网上找了个PHP加密文件,来自孟坤的博客:https://mkblog.cn/1692

<?php

/********************************************
 * 使用方法:
 * 在要加密的页面前面引入这个 php 文件   
 * require_once('MkEncrypt.php');
 * 设置页面访问密码 
 * MkEncrypt('页面密码');
 * 
********************************************/

// 密码 Cookie 加密盐
if(!defined('MK_ENCRYPT_SALT'))
    define('MK_ENCRYPT_SALT', 'Kgs$JC!V');
/**
 * 设置访问密码
 * 
 * @param $password  访问密码
 * @param $pageid    页面唯一 ID 值,用于区分同一网站的不同加密页面
 */
function MkEncrypt($password, $pageid = 'default') {
    $pageid     = md5($pageid);
    $md5pw      = md5(md5($password).MK_ENCRYPT_SALT);
    $postpwd    = isset($_POST['pagepwd']) ? addslashes(trim($_POST['pagepwd'])) : '';
    $cookiepwd  = isset($_COOKIE['mk_encrypt_'.$pageid]) ? addslashes(trim($_COOKIE['mk_encrypt_'.$pageid])) : '';
    
    if($cookiepwd == $md5pw) return;    // Cookie 密码验证正确
    
    if($postpwd == $password) {         // 提交的密码正确
        setcookie('mk_encrypt_' . $pageid, $md5pw, time() + 3600000, '/');
        return;
    }
?>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="renderer" content="webkit"> 
    <meta name="author" content="mengkun">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>该页面已被加密</title>
    <style type="text/css">
    *{font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Helvetica,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;box-sizing:border-box;margin:0px;padding:0px;font-size:14px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
    html,body{width:100%;height:100%}
    body{background-color:#F4F6F9;color:#768093}
    input,button{font-size:1em;border-radius:3px;-webkit-appearance:none}
    input{width:100%;padding:5px;box-sizing:border-box;border:1px solid #e5e9ef;background-color:#f4f5f7;resize:vertical}
    input:focus{background-color:#fff;outline:none}
    button{border:0;background:#6abd09;color:#fff;cursor:pointer;opacity:1;user-select:none}
    button:hover,button:focus{opacity:.9}
    button:active{opacity:1}
    .main{width:100%;max-width:500px;height:300px;padding:30px;background-color:#fff;border-radius:2px;box-shadow:0 10px 60px 0 rgba(29,29,31,0.09);transition:all .12s ease-out;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;text-align:center}
    .alert{width:80px}
    .mk-side-form{margin-bottom:28px}
    .mk-side-form input{float:left;padding:2px 10px;width:77%;height:37px;border:1px solid #ebebeb;border-right-color:transparent;border-radius:2px 0 0 2px;line-height:37px}
    .mk-side-form button{position:relative;overflow:visible;width:23%;height:37px;border-radius:0 2px 2px 0;text-transform:uppercase}
    .pw-tip{font-weight:normal;font-size:26px;text-align:center;margin:25px auto}
    #pw-error {color: red;margin-top: 15px;margin-bottom: -20px;}
    .return-home{text-decoration:none;color:#b1b1b1;font-size:16px}
    .return-home:hover{color:#1E9FFF;letter-spacing:5px}
    </style>
</head>
<body>
    <div class="main">
        <svg class="alert" viewBox="0 0 1084 1024" xmlns="http://www.w3.org/2000/svg" width="80" height="80">
            <defs><style/></defs>
            <path d="M1060.744 895.036L590.547 80.656a55.959 55.959 0 0 0-96.919 0L22.588 896.662a55.959 55.959 0 0 0 48.43 83.907h942.14a55.959 55.959 0 0 0 47.525-85.534zm-470.619-85.172a48.008 48.008 0 1 1-96.015 0v-1.567a48.008 48.008 0 1 1 96.015 0v1.567zm0-175.345a48.008 48.008 0 1 1-96.015 0V379.362a48.008 48.008 0 1 1 96.015 0v255.157z" fill="#FF9800"/>
        </svg>
        
        <form action="" method="post" class="mk-side-form">
            <h2 class="pw-tip">该页面已被加密</h2>
            <input type="password" name="pagepwd" placeholder="请输入访问密码查看" required><button type="submit">提交</button>
            <?php if($postpwd): ?>
            <p id="pw-error">Oops!密码不对哦~</p>
            <script>setTimeout(function() {document.getElementById("pw-error").style.display = "none"}, 2000);</script>
            <?php endif; ?>
        </form>
        <a href="/" class="return-home" title="点击回到网站首页">- 返回首页 - </a>
    </div>
</body>
</html>
<?php
    exit();
}

将上述内容保存为 MkEncrypt.php,放到主题目录;

在刚刚上面提到的单页模板或分类模板前引入文件:

require_once('MkEncrypt.php');
MkEncrypt('填写页面密码');

*其实也可以把密码写在单页模板的自定义字段里调用下,这样可以后期方便修改密码,哈哈;

其实到这里这个加密分类的页面已经被加密了;

下一步就是在文章页面判断是否为加密分类的文章,是的话就引用加密文件,不是就正常输出,基本上就是这样;

我用了个很简单的方法测试了下,如下:

在 post 页面,找到内容输出<?php $this->content(); ?>改掉,

<?php if($this->category == "隐藏的分类的缩略英文名"): ?>
<?php 
require_once('MkEncrypt.php');
MkEncrypt('填写页面密码');
$this->content();
?>
<?php else: ?>
<?php $this->content(); ?>
<?php endif; ?>

基本上这样就可以了,当然这个只是基本实现了加密的功能,此方法可以用在分类页及单页都可以。

我的大概思路就是这样实现的,因为目前没这方面需求,所以暂时没有详细测试,不过简单的试了试是可以的。

加密页面样式啥的也没调整,都是默认,大家可以没事玩玩看。

当然发这篇文章也是想看看,大家有没有啥更便捷更简单方便的操作。

要是有更好的方法也可以和我分享下,嘻嘻,我也想学习下,谢谢。

下班前划水一篇文章,哈哈,手动狗头

写着写着突然想起来,为啥我不直接用个是否为博主判断,直接是博主就输出,非博主就隐藏文章,连密码都不用了,哈哈,再想想估计还有更好的方法,嘿嘿(⺣◡⺣)♡

*最新补充:独立页面设置密码还直接使用自定义字段简单的去实现。

具体代码如下,找到 page.php 里的:

<?php $this->content(); ?>替换为:

<?php if ($_POST['p'] == $this->fields->passwd || $_SESSION['template_p'] == $this->fields->passwd): ?>
<?php $this->content(); ?>
<?php else : ?>
<form class="protected page-protected" action="" method="post">
<p class="word">请输入密码访问</p>
<p><input name="p" class="text" type="password" required="required"><input class="submit" type="submit" value="提交"></p>
</form>
<?php endif; ?>

最后直接自定义字段那里定义一个 passwd ,然后紧接着后面填密码就 OK 了。

* 若非特殊说明,本站文章均为博主原创,码字不易,如需转载,请注明出处!有疑问可留言交流,谢谢。

PHPTypecho分享6 

加密分类或独立页 - Jdeal | Life is like a Design.