<!--

 111111111111111111111111111111111111111111111110000111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111111000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111100000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111110000001111000110000000000000001111111111111111111111
 111111111111111111111111111111110000000000000000000000000000000001111111111111111111111111111
 111111111111111111111111111111011100000000000000000000000000001111111111111111111111111111111
 111111111111111111111111111111111111100000000000000000000000000000000011111111111111111111111
 111111111111111111111111111111111000000000000000000000000000000011111111111111111111111111111
 111111111111111111111111111111110001110000000000000000000000000000011111111111111111111111111
 111111111111111111111111111110000011000000000001100000000000000000001111111111111111111111111
 111111111111111111111111111100000000000000010011110000000000000110000011111111111111111111111
 111111111111111111111111000000000000000000111011111000000000000011100001111111111111111111111
 111111111111111111111100000000000000000001111111110000000000000001111000111111111111111111111
 111111111111111111111000000001111111111111111111110000000000000000111110011111111111111111111
 111111111111111111111100000111111111111111111111000000000000000000111111111111111111111111111
 111111111111111111111111011111111111111111110000000000000000000000011111111111111111111111111
 111111111111111111111111111111000000000000000000000000000000000000011111111111111111111111111
 111111111111111111111111111111110000000000000000000000000000110000011111111111111111111111111
 111111111111111111111111111100000000000000000000000000000011110000011111111111111111111111111
 111111111111111111111111100000000000000000000000000000000111111000011111111111111111111111111
 111111111111111111111110000000000000000000000000000000111111111000011111111111111111111111111
 111111111111111111111000000000000000000000000000000011111111111000011111111111111111111111111
 111111111111111111110000000000000000000111000000111111111111111000111111111111111111111111111
 111111111111111111100000000000000001111111111111111111111111111001111111111111111111111111111
 111111111111111111000000000000000111111111111111110011111111111111111111111111111111111111111
 111111111111111110000000000000001111111111111111111110000111111111111111111111111111111111111
 111111111111111110000000000100011111111111111111111111100000111111111111111111111111111111111
 111111111111111100000000000110011111111111111111111111111000000011111111111111111111111111111
 111111111111111100000000000011101111111111110001111100001110000000111111111111111111111111111
 111111111111111100000000000001111111111111111100011111000000000000001111111111111111111111111
 111111111111111100000000000000001111111111111100000000000000000000000011111111111111111111111
 111111111111111100100000000000000000111111111000000000000000000000000000111111111111111111111
 111111111111111110011000000000000111111111000000000000000011100000000000011111111111111111111
 111111111111111111011000000000000000000000000000000000011111111111000000001111111111111111111
 111111111111111111111000000000000000000000000000000000111111111111110000000111111111111111111
 111111111111111111111000001000000000000000000110000000011101111111111000000111111111111111111
 111111111111111111111100011111000000000000011111000000000011111111111011000011111111111111111
 111111111111111111111000111111110001000000000111110000011111111111111111000011111111111111111
 111111111111111111111000111111111111111000000011111110000000011111111111100011111111111111111
 111111111111111111111100111111111111111111100000011111111111111111111111110001111111111111111

 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
    如有问题请加QQ(1239928453)，备注：网站问题反馈
 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
-->
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="baidu-site-verification" content="codeva-uG0CGH6AWp" />
    <meta name="msvalidate.01" content="1DB36E7B1C9849B24C39F3A26323E7CD" />
    <title>For people to turn their lives around, they must know the truth in advance. | 个人学习记录</title>
    <meta name="author" content="HXB(1239928453@qq.com)">
    <meta name="keywords" content="honesty, resilience, social skills, personal growth, kindness, sincerity, modesty, facing adversity, Mu Yan, life lessons,个人学习记录"/>
    <meta name="description" content="Explore the balance between honesty and resilience in a harsh world. Learn how to navigate society while maintaining a kind, sincere, and modest heart, as inspired by Mu Yan's wisdom." id="meta_description">
    <meta name="google-adsense-account" content="ca-pub-5825736993045445">
    <meta name="robots" content="index,follow">
<meta property="og:title" content="For people to turn their lives around, they must know the truth in advance. | 个人学习记录">
<meta property="og:description" content="Explore the balance between honesty and resilience in a harsh world. Learn how to navigate society while maintaining a kind, sincere, and modest heart, as inspired by Mu Yan's wisdom.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.liuleinet.top/articles/detail/482">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5825736993045445"
            crossorigin="anonymous"></script>
    <link rel="canonical" href="https://www.liuleinet.top/articles/detail/482" />
    <!-- 引入Tailwind CSS -->
    <link href="https://cdn.tailwindcss.com" rel="stylesheet">
    <link href="https://upload.liuleinet.top/config/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
    <link href="https://liuleinet.top/css/lei.core.css" rel="stylesheet" type="text/css">
    <link href="https://liuleinet.top/css/lei.comment.css" rel="stylesheet" type="text/css">
    <style>
        /**{*/
        /*    moz-user-select: -moz-none;*/
        /*    -moz-user-select: none;*/
        /*    -o-user-select:none;*/
        /*    -khtml-user-select:none;*/
        /*    -webkit-user-select:none;*/
        /*    -ms-user-select:none;*/
        /*    user-select:none;*/
        /*}*/
    </style>
    <script>
        //禁用F12
        window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
            // 判断是否按下F12，F12键码为123
            if (event.keyCode == 123) {
                event.preventDefault(); // 阻止默认事件行为
                window.event.returnValue = false;
            }
        }

        document.addEventListener('contextmenu', function (event) {
            // $.alert.error('你想干嘛？');
            // event.preventDefault();
        });

        var threshold = 160; // 打开控制台的宽或高阈值
        // 每秒检查一次
        var check = setInterval(function() {
            if ((window.outerWidth - window.innerWidth > threshold ||
                    window.outerHeight - window.innerHeight > threshold) &&
                !/Mobi|Android/i.test(navigator.userAgent)) {
                // 如果打开控制台，则无限重定向到百度
                // $.alert.error('请不要开启调试！否则给你无限重定向到百度');
                // window.location.href = "https://www.baidu.com";
                // window.location.reload();
            }
        }, 2000);
    </script>
        <link href="https://cdn.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/github-markdown-css@2.10.0/github-markdown.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/github.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css" />
</head>
<body>
<nav id="topmenu" class="navbar navbar-default navbar-fixed-top">
    <div class="menu-box">
        <div class="pull-left">
            <ul class="list-unstyled list-inline">
                <li><span id="currentTime"></span></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="menu-topmenu-container pull-right">
            <ul class="list-unstyled list-inline pull-left">
                <!-- 新增语言切换下拉菜单 -->
                <li><a href="?lang=zh_CN">简体中文</a></li>
                <li><a href="?lang=zh_TW">繁體中文</a></li>
                <li><a href="?lang=en">English</a></li>
                <li><a href="https://www.liuleinet.top/about-page" class="menu_a"
                       title="About this website"
                       data-toggle="tooltip" data-placement="bottom"> About this website</a>
                </li>
                <li><a href="https://www.liuleinet.top/links-page" class="menu_a"
                       title="Friend Link"
                       data-toggle="tooltip" data-placement="bottom">Friend Link</a></li>
            </ul>
                <ul class="list-unstyled list-inline pull-left">
                    <li><a href="javascript:;;" data-toggle="modal" data-target="#oauth" rel="nofollow"
                           title="Login">Login</a></li>
                </ul>
        </div>
    </div>
</nav>
<!-- 添加微信公众号登录模态框 -->
<div class="modal" id="wxOfficialLoginModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">Sign in with WeChat</h4>
            </div>
            <div class="modal-body" style="text-align: center;">
                <!-- 公众号二维码 -->
                <div class="mb-6">
                    <p class="text-center mb-4">1. Scan the QR code below to follow the public account.</p>
                    <div class="flex justify-center">
                        <img src="https://liuleinet.top/img/gzh_qrcode.jpg" width="200" height="200" class="border rounded" alt="公众号二维码">
                    </div>
                </div>
                <!-- 操作指引 -->
                <div class="mb-6">
                    <p class="text-center mb-2">2. Send the [登录] to the official account.</p>
                    <p class="text-center text-sm text-gray-600">The system will send a 6-digit verification code to the public account.</p>
                </div>

                <!-- 验证码输入 -->
                <form id="loginForm" class="space-y-4">
                    <div>
                        <label class="block text-center mb-2">3. Enter the received verification code</label>
                        <div class="flex justify-center gap-2" id="codeInput">
                            <input type="text" maxlength="1" class="w-12 h-12 text-center text-xl border rounded focus:border-green-500">
                            <input type="text" maxlength="1" class="w-12 h-12 text-center text-xl border rounded focus:border-green-500">
                            <input type="text" maxlength="1" class="w-12 h-12 text-center text-xl border rounded focus:border-green-500">
                            <input type="text" maxlength="1" class="w-12 h-12 text-center text-xl border rounded focus:border-green-500">
                            <input type="text" maxlength="1" class="w-12 h-12 text-center text-xl border rounded focus:border-green-500">
                            <input type="text" maxlength="1" class="w-12 h-12 text-center text-xl border rounded focus:border-green-500">
                        </div>
                    </div>

                    <div id="errorMsg" class="hidden p-2 bg-red-50 text-red-600 rounded text-center"></div>

                    <button type="submit" class="w-full py-2 px-4 bg-green-500 hover:bg-green-600 text-white rounded">
Verify and log in                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="oauth" tabindex="-1" role="dialog" aria-labelledby="oauthTitle">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" style="display: flex;flex-direction: column;align-items: center">
                <div class="login-container">
                    <div id="login" class="login-card">
                        <form action="/login" method="POST" id="login-form">
                            <h2>Login</h2>
                            <input id="emailInput" type="text" placeholder="E-mail "
                                   name="username" required="true">
                            <input id="passwordInput" type="password" placeholder="Password "
                                   name="password" required="true">
                            <div style="display: flex;justify-content: space-between">
                                <div style="display: flex;flex-direction: row;justify-content: left">
                                    <text style="margin-top: 10px">Don't have an account?</text>
                                    <a href="#"
                                       onclick="showPanel('register')">Go register</a></div>
                                <div style="display: flex;flex-direction: row;justify-content: left">
                                    <text style="margin-top: 10px">Forgot password?</text>
                                    <a href="#"
                                       onclick="showPanel('forgot')">Retrieve password</a>
                                </div>
                            </div>

                            <button onclick="emailLogin()">Login</button>
                        </form>
                    </div>
                    <div id="register" class="login-card inactive">
                        <h2>Register </h2>
                        <input id="registerEmailInput" type="text" placeholder="E-mail ">
                        <div style="display: flex;justify-content: space-between">
                            <input id="registerVerifyCodeInput" type="text"
                                   placeholder="Verification Code" style="width: 80%">
                            <button id="registerSendButton"
                                    onclick="sendRegVerifyCode()">Obtain verification code</button>
                        </div>
                        <input id="registerPasswordInput" type="password"
                               placeholder="Password ">
                        <button onclick="emailRegister()">Register </button>
                        <a href="#" onclick="showPanel('login')">Go login</a>
                    </div>
                    <div id="forgot" class="login-card inactive">
                        <h2>Retrieve password</h2>
                        <input id="resetEmailInput" type="text" placeholder="E-mail ">
                        <div style="display: flex;justify-content: space-between">
                            <input id="resetVerifyCodeInput" type="text"
                                   placeholder="Verification Code" style="width: 80%">
                            <button id="resetSendButton"
                                    onclick="sendResetVerifyCode()">Obtain verification code</button>
                        </div>
                        <input id="newPassword" type="password" placeholder="New password">
                        <button onclick="resetPassword()">Reset password  </button>
                        <a href="#" onclick="showPanel('login')">Go login</a>
                    </div>
                </div>

                <div class="social-login-title">——————Recommend using social media accounts to log in——————</div>
                <div class="oauth">
                    <ul class="list-unstyled list-inline oauth-list" style="text-align: center;">
                        <!-- 新增微信公众号登录 -->
                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="wxOfficialAccountLogin()">
                                    <img src="https://liuleinet.top/img/WeChat.png" alt=""
                                         class="img-circle">
                                </a>
                                <span onclick="wxOfficialAccountLogin()">Sign in with WeChat</span>
                            </div>
                        </li>
                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="wxLogin()">
                                    <img src="https://liuleinet.top/img/wx-mp.png" alt=""
                                         class="img-circle">
                                </a>
                                <span onclick="wxLogin()">Sign in with WeChatMiniProgram</span>
                            </div>
                        </li>

                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="qqLogin()">
                                    <img src="https://liuleinet.top/img/QQ.png" alt=""
                                         class="img-circle">
                                </a>
                                <span onclick="qqLogin()">Sign in with QQ</span>
                            </div>
                        </li>
                        <li>
                            <div class="login-li">
                                <a href="javascript:void(0);" target="" onclick="weiboLogin()">
                                    <img src="https://liuleinet.top/img/weibo.png" alt=""
                                         class="img-circle">
                                </a>
                                <span onclick="weiboLogin()">Sign in with Weibo</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<nav id="mainmenu" class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="menu-box">
        <div class="navbar-header">
            <span class="pull-right nav-search toggle-search" data-toggle="modal" data-target=".nav-search-box"><i
                        class="fa fa-search"></i></span>
            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
                    aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img alt="Brand" src="https://upload.liuleinet.top/config/favicon.ico">个人学习记录
            </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="pull-left site-desc">
                <h2 class="auto-shake"><a href="https://www.liuleinet.top"
                                          data-original-title="Explore the truth about wealth and making money, dedicated to helping you build passive income."
                                          data-toggle="tooltip"
                                          data-placement="bottom">个人学习记录</a></h2>
            </div>
            <ul class="nav navbar-nav ">
                <li>
                    <a href="/" class="menu_a"><i class="fa fa-home"></i>Home page </a>
                </li>
                                <li><a href="/categories-page/27" class="menu_a">WealthWisdom</a>
                                </li>
                                <li class="dropdown">
                                    <a href="/categories-page/22" class="menu_a">
                                        Interview <span class="caret dropdown-toggle" data-toggle="dropdown"
                                                                    aria-expanded="false"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                            <li><a href="/categories-page/25"
                                                   title="Click to view《tech interview》">tech interview</a>
                                            </li>
                                            <li><a href="/categories-page/24"
                                                   title="Click to view《Interview skills》">Interview skills</a>
                                            </li>
                                    </ul>
                                </li>
                                <li><a href="/categories-page/21" class="menu_a">Opinions</a>
                                </li>
                                <li class="dropdown">
                                    <a href="/categories-page/17" class="menu_a">
                                        Learning Diary <span class="caret dropdown-toggle" data-toggle="dropdown"
                                                                    aria-expanded="false"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                            <li><a href="/categories-page/29"
                                                   title="Click to view《Daily Learning》">Daily Learning</a>
                                            </li>
                                            <li><a href="/categories-page/28"
                                                   title="Click to view《Others》">Others</a>
                                            </li>
                                            <li><a href="/categories-page/20"
                                                   title="Click to view《Course Notes》">Course Notes</a>
                                            </li>
                                    </ul>
                                </li>
                <li><a href="/products-page" class="menu_a"><i
                                class="fa fa-comments-o"></i>Digital resources</a></li>
                <li><a href="/talks-page" class="menu_a"><i class="fa fa-comments-o"></i>Post
                    </a></li>
                <li><a href="/guestbook-page" class="menu_a"><i
                                class="fa fa-comments-o"></i>Message Board</a></li>
                <li><span class="pull-right nav-search main-search" data-toggle="modal" data-target=".nav-search-box"><i
                                class="fa fa-search"></i></span></li>
            </ul>
        </div>
    </div>
</nav>
<script type="text/javascript" src="https://connect.qq.com/qc_jssdk.js" data-appid="102029302"
        data-redirecturi="https://www.liuleinet.top/oauth/login/qq" charset="utf-8"></script>
<script>
    const WEIBO_APP_ID = "641915403";
    const QQ_APP_ID = "102029302";
    const QQ_REDIRECT_URI = "https://www.liuleinet.top/oauth/login/qq";
    const WEIBO_REDIRECT_URI = "https://www.liuleinet.top/oauth/login/weibo";
    var username = "";
    var password = "";
    var code = "";
    var regUsername = "";
    var regPassword = "";
    var resetUsername = "";
    var resetPasswordValue = "";
    var resetCode = "";
    var show = false;

    document.getElementById('emailInput').addEventListener('input', function (event) {
        username = event.target.value;
        console.log("username", username);
    });

    document.getElementById('passwordInput').addEventListener('input', function (event) {
        password = event.target.value;
        console.log("password", password);
    });

    document.getElementById('registerEmailInput').addEventListener('input', function (event) {
        regUsername = event.target.value;
        console.log("regUsername", regUsername);
    });

    document.getElementById('registerPasswordInput').addEventListener('input', function (event) {
        regPassword = event.target.value;
        console.log("regPassword", regPassword);
    });

    document.getElementById('resetEmailInput').addEventListener('input', function (event) {
        resetUsername = event.target.value;
        console.log("resetUsername", resetUsername);
    });

    document.getElementById('newPassword').addEventListener('input', function (event) {
        resetPasswordValue = event.target.value;
        console.log("resetPasswordValue", resetPasswordValue);
    });

    document.getElementById('registerVerifyCodeInput').addEventListener('input', function (event) {
        code = event.target.value;
        console.log("code", code);
    });

    document.getElementById('resetVerifyCodeInput').addEventListener('input', function (event) {
        resetCode = event.target.value;
        console.log("resetCode", resetCode);
    });

    var emailLogin = function () {
        $.ajax({
            type: "post",
            url: "/login",
            data: $("#login-form").serialize(),

            success: function (res) {

                console.log("res", res);
                if (res.flag) {
                    $.alert.info(res.message);
                    // 将用户信息存储到 Cookie 中
                    document.cookie = `nickname=; path=/;`;
                    // 重定向到主页
                    window.location.href = "/";
                } else {
                    $.alert.error(res.message);
                }
            }
        });
    }

    var emailRegister = function () {
        $.ajax({
            type: "post",
            url: "/register",
            contentType: 'application/json',
            data: JSON.stringify({
                code: code,
                password: regPassword,
                username: regUsername
            }),

            success: function (res) {

                console.log("res", res);
                if (res.flag) {
                    $.alert.info(res.message);
                } else {
                    $.alert.error(res.message);
                }
            }
        });
    }

    var resetPassword = function () {
        $.ajax({
            type: "put",
            url: "/users/password",
            contentType: 'application/json',
            data: JSON.stringify({
                code: resetCode,
                password: resetPasswordValue,
                username: resetUsername
            }),
            success: function (res) {

                console.log("res", res);
                if (res.flag) {
                    $.alert.info(res.message);
                } else {
                    $.alert.error(res.message);
                }
            }
        });
    }

    var sendRegVerifyCode = function () {
        const isValidEmail = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(regUsername);
        console.log("regUsername", regUsername);
        if (!isValidEmail) {
            $.alert.error("请输入正确邮箱！");
        } else {
            $.ajax({
                type: "get",
                url: "/users/code",
                data: {
                    username: regUsername
                },

                success: function (res) {
                    console.log("res", res);
                    if (res.flag) {
                        $.alert.info(res.message);
                        disableButton(60, 'reg'); // 禁用按钮并开始倒计时
                    } else {
                        $.alert.error(res.message);
                    }
                }
            });
        }
    }

    var disableButton = function (seconds, type) {
        var button;
        if (type === 'reg') {
            button = $('#registerSendButton');
        } else if (type === 'reset') {
            button = $('#resetSendButton');
        }
        button.prop('disabled', true);

        var countdown = setInterval(function () {
            button.text(seconds + '秒后重试');
            seconds--;
            if (seconds < 0) {
                clearInterval(countdown);
                button.prop('disabled', false).text('获取验证码');
            }
        }, 1000);
    }

    var sendResetVerifyCode = function () {
        const isValidEmail = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(resetUsername);
        console.log("resetUsername", resetUsername);
        if (!isValidEmail) {
            $.alert.error("请输入正确邮箱！");
        } else {
            $.ajax({
                type: "get",
                url: "/users/code",
                data: {
                    username: resetUsername
                },

                success: function (res) {

                    console.log("res", res);
                    if (res.flag) {
                        $.alert.info(res.message);
                        disableButton(60, 'reset'); // 禁用按钮并开始倒计时
                    } else {
                        $.alert.error(res.message);
                    }
                }
            });
        }
    }

    var qqLogin = function () {
        window.open(
            "https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=" +
            +QQ_APP_ID +
            "&response_type=token&scope=all&redirect_uri=" +
            QQ_REDIRECT_URI,
            "_self"
        );
    }

    var weiboLogin = function () {
        window.open(
            "https://api.weibo.com/oauth2/authorize?client_id=" +
            WEIBO_APP_ID +
            "&response_type=code&redirect_uri=" +
            WEIBO_REDIRECT_URI,
            "_self"
        );
    }

    var showPanel = function (panelId) {
        var panels = document.getElementsByClassName('login-card');
        for (var i = 0; i < panels.length; i++) {
            if (panels[i].id === panelId) {
                panels[i].classList.remove('inactive');
            } else {
                panels[i].classList.add('inactive');
            }
        }
    }

    var wxLoginTimer = null;

    var wxLogin = function () {
        // 获取登录二维码
        $.ajax({
            type: "get",
            url: "/users/oauth/wxmini-qrcode",
            success: function (res) {
                console.log("res", res);
                if (res.flag) {
                    $('#oauth .modal-body').html(
                        '<div style="text-align:center">' +
                        '<img src="' + res.data.qrcodeUrl + '" style="width:200px">' +
                        '<p>请使用微信扫码登录</p>' +
                        '</div>'
                    );

                    // 轮询扫码状态
                    wxLoginTimer = setInterval(function () {
                        checkWxLoginStatus(res.data.sceneStr);
                    }, 2000);
                }
            }
        });
    }

    var checkWxLoginStatus = function (sceneStr) {
        $.ajax({
            type: "get",
            url: "/users/oauth/wxmini-qrcode/status",
            data: {sceneStr: sceneStr},
            success: function (res) {
                console.log("checkWxLoginStatus RES", res);
                if (res.flag) {
                    var resData = res.data;
                    console.log("resData", resData);
                    var codeStatus = resData.codeStatus;
                    console.log("codeStatus", codeStatus);
                    var userInfoId = resData.userInfoId;
                    console.log("userInfoId", userInfoId);
                    switch (codeStatus) {
                        case 1: // 已扫码
                            $('#oauth .modal-body img').css('filter', 'grayscale(100%)'); // 添加灰色蒙版
                            $('#oauth .modal-body').append('<div class="overlay">请在微信中确认登录</div>'); // 显示提示信息
                            break;
                        case 2: // 已确认
                            clearInterval(wxLoginTimer);

                            // 保存用户信息和会话ID到Cookie
                            document.cookie = `nickname=; path=/`;
                            document.cookie = `JSESSIONID=; path=/`;
                            // 关闭登录弹窗
                            $('#oauth').modal('hide');
                            // 刷新页面以更新登录状态
                            window.location.reload();
                            break;
                        case 3: // 已过期
                            clearInterval(wxLoginTimer);
                            $('#oauth .modal-body img').css('filter', 'grayscale(100%)'); // 添加灰色蒙版
                            $('#oauth .modal-body').append('<div class="overlay">小程序码登录码已过期,请刷新重试</div>'); // 显示提示信息
                            $('#oauth .modal-body p').text('小程序码登录码已过期,请刷新重试');
                            break;
                    }
                }
            }
        });
    }



    function wxOfficialAccountLogin() {
        $('#oauth').modal('hide');
        $('#wxOfficialLoginModal').modal('show');
    }

       // 验证码输入自动跳转逻辑
    const inputs = document.querySelectorAll('#codeInput input');
    inputs.forEach((input, index) => {
        input.addEventListener('input', (e) => {
            // 防止输入法或其他情况导致的值复制问题
            if (e.target.value.length > 1) {
                e.target.value = e.target.value.slice(0, 1);
            }
            
            // 只有当输入框有值且不是最后一个输入框时，才跳转到下一个
            if (e.target.value && index < inputs.length - 1) {
                inputs[index + 1].focus();
            }
        });

        input.addEventListener('keydown', (e) => {
            if (e.key === 'Backspace' && !input.value && index > 0) {
                inputs[index - 1].focus();
            }
        });
    });

    // 表单提交
    document.getElementById('loginForm').addEventListener('submit', async (e) => {
        e.preventDefault();
        const code = Array.from(inputs).map(i => i.value).join('');

        if (code.length !== 6) {
            document.getElementById('errorMsg').textContent = 'Please enter the 6-digit verification code.';
            document.getElementById('errorMsg').classList.remove('hidden');
            return;
        }

        try {
            $.ajax({
                type: 'POST',
                url: '/users/oauth/wx-official/verify',
                data: JSON.stringify({code: code}),
                contentType: 'application/json',
                success: function (result) {
                    console.log("验证结果:", result);
                    if (result.flag) {
                        const userInfo = result.data;
                        console.log("用户信息:", userInfo);
                        
                        // 保存用户信息和会话ID到Cookie
                        document.cookie = `nickname=; path=/`;
                        if (userInfo.sessionId) {
                            document.cookie = `JSESSIONID=; path=/`;
                        }
                        
                        // 关闭登录弹窗
                        $('#wxOfficialLoginModal').modal('hide');
                        // 刷新页面以更新登录状态
                        window.location.reload();
                    } else {
                        document.getElementById('errorMsg').textContent = result.message || "验证失败";
                        document.getElementById('errorMsg').classList.remove('hidden');
                    }
                },
                error: function (xhr, status, error) {
                    console.error("验证请求失败:", error);
                    document.getElementById('errorMsg').textContent = 'System error, please contact the administrator.';
                    document.getElementById('errorMsg').classList.remove('hidden');
                }
            });
        } catch (err) {
            console.error("验证过程发生错误:", err);
            document.getElementById('errorMsg').textContent = 'System error, please contact the administrator.';
            document.getElementById('errorMsg').classList.remove('hidden');
        }
    });

    // 关闭弹窗时清除定时器
    $('#oauth').on('hidden.bs.modal', function () {
        if (wxLoginTimer) {
            clearInterval(wxLoginTimer);
        }
    });
</script>
<style>
    .social-login-title {
        /*margin-top: 1.0rem;*/
        color: #b5b5b5;
        font-size: 0.75rem;
        text-align: center;
    }

    .login-container {
        position: relative;
        width: 300px;
        height: 380px; /* 调整为适合的高度 */
    }

    .login-li {
        display: flex;
        flex-direction: column;
    }

    .login-card {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 85%;
        padding: 20px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transform-style: preserve-3d;
        transition: transform 0.5s;
        backface-visibility: hidden;
    }

    .login-card a {
        display: block;
        margin-top: 10px;
        text-align: center;
        color: #007bff;
    }

    .login-card input, .login-card button {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

    .login-card button {
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }

    .login-card.inactive {
        transform: rotateY(180deg);
        pointer-events: none; /* 禁用隐藏的卡片上的交互 */
    }

    #login {
        z-index: 3;
    }

    #register {
        z-index: 2;
    }

    #forgot {
        z-index: 1;
    }

    .overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
    }
    /* 添加验证码输入框的样式 */
    #codeInput input {
        width: 3rem !important;
        height: 3rem !important;
        text-align: center !important;
        font-size: 1.25rem !important;
    }
    
    /* 添加提交按钮的样式 */
    #loginForm button[type="submit"] {
        width: 80% !important;
        padding: 0.5rem 1rem !important;
        background-color: #10b981 !important;
        color: white !important;
        border-radius: 0.25rem !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    #loginForm button[type="submit"]:hover {
        background-color: #059669 !important;
    }
    
    /* 错误消息样式 */
    #errorMsg.hidden {
        display: none !important;
    }
    
    #errorMsg:not(.hidden) {
        display: block !important;
        padding: 0.5rem !important;
        background-color: #fef2f2 !important;
        color: #dc2626 !important;
        border-radius: 0.25rem !important;
        text-align: center !important;
    }
</style>
    <img src="https://upload.liuleinet.top/config/uid-10f69b38b72d55453161742a61c010a3f.png" onerror="this.src='https://liuleinet.top/img/default.png'" style="display: none;" id="cover-img">
<div class="container custome-container">
    <nav class="breadcrumb">
        <a class="crumbs" title="Back to home" href="https://www.liuleinet.top" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-home"></i>Home</a>
        <i class="fa fa-angle-right"></i>
        <a href="https://www.liuleinet.top/categories-page/27" title="View category articles" data-toggle="tooltip" data-placement="bottom">WealthWisdom</a>
        <i class="fa fa-angle-right"></i>Article content
    </nav>
    <div class="row article-body">
        <div class="col-sm-8 blog-main">
            <div class="blog-body overflow-initial fade-in">
                <div class="article-flag">
                        <span class="article-blockquote article-blockquote-green"></span>
                        <span class="article-original article-original-green">
                            <a href="https://www.liuleinet.top/articles/detail/482"><i class="fa fa-check"></i>Original</a>
                        </span>
                    <div class="blog-info-meta pull-right">
                        <ul class="list-unstyled list-inline">
                            <li><i class="fa fa-clock-o fa-fw"></i>2025-03-05T08:00</li>
                            <li><i class="fa fa-eye fa-fw"></i><a class="pointer" data-original-title="364People viewed this article" data-toggle="tooltip" data-placement="bottom">View (<num>364</num>)</a></li>
                            <li><i class="fa fa-like fa-fw"></i><a class="pointer" data-original-title="0People liked this article" data-toggle="tooltip" data-placement="bottom">endorse (<num>0</num>)</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog-info overflow-initial">
                    <h1 class="blog-info-title">
                        <strong>For people to turn their lives around, they must know the truth in advance.</strong>
                    </h1>
                    <div class="blog-info-body markdown-body editor-preview-active-side">
                                <textarea id="$t" style="display:none">
Mu Yan once said something really great:

A poor person who wants to turn things around must first learn to act. If you're weak and lack confidence, you'll keep getting bullied; if you're straightforward and blunt, you'll suffer from the scheming of petty people; if you're honest and kind, you'll be taken advantage of by bad people.

My mom always wanted to raise me to be an honest person, one who doesn't cause trouble, isn't disliked, and doesn't hurt others. She said that to be a good person, you need to be kind, sincere, and modest, so you can earn the respect and love of others.

But after I grew up, I realized that the world isn't what she thought it was. This world is cruel, cold, and heartless, with no sympathy for honest people. It only bullies the weak and lets the rain pour down on the heads of the honest. As the saying goes, "Lightning strikes the filial son, wealth favors the ruthless," and "Rope breaks at the thinnest part, misfortune targets the most unfortunate."

I once tried to change myself, to learn how to act, deceive, and play games. I thought that this way, I could get by better in society and live a bit easier. But I was wrong again. I found out that I'm not good at these things. I'm straightforward and blunt, speaking without thinking, and I still believe I'm a person with a sharp tongue but a kind heart. The result? I only attracted the schemes of petty people, got entangled in conflicts, and put myself in dangerous situations.

I remember a saying: "Speak only three parts of your mind to others, never reveal your whole heart." In fact, I know that not all successful people rely on acting and tactics. Some may know how to act, but more importantly, they have solid skills and character, and the courage and perseverance to face anything. Those who succeed through tricks and techniques often don't go far and are prone to ups and downs. As it says in *Tian Dao*, "If you have the way but no skills, skills can still be acquired; if you have skills but no way, you'll only stop at skills."

So we, the underdogs in society, can't just learn to act and deceive. We also need to have the courage to face anything. This world has always bullied the weak and feared the strong. You need to be brave enough to stand up to it, and it will back off and give you some leeway.

Of course, I'm not saying we should fight everyone. After all, life is like a play, and we always need to adjust our decisions and words based on different situations and people. Sometimes we need to speak the language of the people we meet, and sometimes we need to be flexible and act according to circumstances. This way, we can survive in this complex world.

No matter what, I still hope to maintain a kind, sincere, and modest heart. This is the best education our mothers have given us.
</textarea>
                                <div id="$m" class="markdown-body"></div>
                    </div>
                    <div class="separateline"><span>The article ends here</span></div>
                    <div id="social" style="margin-bottom: 45px;">
                        <div class="social-main">
                            <span class="like">
                                <a href="javascript:;" data-id="482" title="endorse"><i class="fa fa-thumbs-up"></i>likes <i class="count"> 0</i></a>
                            </span>
                            <div class="shang-p">
                                <div class="shang-empty"><span></span></div>
                                <span class="shang-s"><a onclick="PaymentUtils.show();" style="cursor:pointer">Reward</a></span>
                            </div>
                            <div class="share-sd">
                                <span class="share-s"><a href="javascript:void(0)" id="share-s" title="Share"><i class="fa fa-share-alt"></i>Share</a></span>
                                <div id="share" style="display: none">
                                    <div class="social-share" data-initialized="true">
                                        <a href="#" class="social-share-icon icon-twitter"></a>
                                        <a href="#" class="social-share-icon icon-google"></a>
                                        <a href="#" class="social-share-icon icon-facebook"></a>
                                        <a href="#" class="social-share-icon icon-douban"></a>
                                        <a href="#" class="social-share-icon icon-qzone"></a>
                                        <a href="#" class="social-share-icon icon-wechat"></a>
                                        <a href="#" class="social-share-icon icon-qq"></a>
                                        <a href="#" class="social-share-icon icon-weibo"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="article-footer overflow-initial">Category：<a href="https://www.liuleinet.top/categories-page/27" data-original-title="View all articles under this category" data-toggle="tooltip" data-placement="bottom">WealthWisdom</a></div>
                </div>
            </div>
            <div class="blog-body article-tag">
                <div class="cat">
                    <ul class="list-unstyled">
                        <li>
                            <strong>Article tags：</strong>
                                        <a href="https://www.liuleinet.top/tags-page/61" class="c-label" data-original-title="BusinessThinking" data-toggle="tooltip" data-placement="bottom" target="_blank">BusinessThinking</a>
                                        <a href="https://www.liuleinet.top/tags-page/62" class="c-label" data-original-title="MakingMoney" data-toggle="tooltip" data-placement="bottom" target="_blank">MakingMoney</a>
                                        <a href="https://www.liuleinet.top/tags-page/63" class="c-label" data-original-title="Cognition" data-toggle="tooltip" data-placement="bottom" target="_blank">Cognition</a>
                        </li>
                        <li>
                            <strong>Article link：</strong>
                            https://www.liuleinet.top/articles/detail/482
                        </li>
                        <li>
                            <strong>Copyright statement：</strong>
                                This article is by<a href="https://www.liuleinet.top" target="_blank" data-original-title="个人学习记录" data-toggle="tooltip" data-placement="bottom"><strong>HXB</strong></a>Originally published, please follow the rules of "<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="nofollow">Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)</a>" License Agreement
                        </li>
                    </ul>
                </div>
            </div>
            <div class="ad-mark" id="ARTICLE_BOTTOM" style="display: none"></div>
            <div class="blog-body prev-next">
                <nav class="nav-single wow" data-wow-delay="0.3s">
                        <a href="https://www.liuleinet.top/articles/detail/481" rel="prev">
                            <span class="meta-nav" data-original-title="First, respect the robe, then the person." data-toggle="tooltip" data-placement="bottom"><span class="post-nav"><i class="fa fa-angle-left"></i> Previous article</span>
                                <br>First, respect the robe, then the person.
                            </span>
                        </a>
                        <a href="https://www.liuleinet.top/articles/detail/483" rel="next">
                            <span class="meta-nav" data-original-title="For someone from a poor background, it's really troublesome if they don't wake up early." data-toggle="tooltip" data-placement="bottom"><span class="post-nav">Next article <i class="fa fa-angle-right"></i></span>
                                <br>For someone from a poor background, it's really troublesome if they don't wake up early.
                            </span>
                        </a>
                    <div class="clear"></div>
                </nav>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-fire fa-fw icon"></i><strong>Popular recommendations</strong><small></small></h5>
                <ul class="list-unstyled">
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/276" data-original-title="1319People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                天涯神贴：只有穷人才会痴迷技术
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(1,319)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/280" data-original-title="1241People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                百家号批量撤回和批量删除作品
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(1,241)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/71" data-original-title="1223People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                文学研究助手-【C、C++、Java实现】
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(1,223)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/283" data-original-title="1098People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                监控Docker容器状态并重启宕机的容器的脚本
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(1,098)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://liuleinet.top/img/favicon.ico" onerror="this.src='https://liuleinet.top/img/default.png'"width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.liuleinet.top/articles/detail/762" data-original-title="953People viewed this article" data-toggle="tooltip" data-placement="bottom">
                                                All the absurd things we encounter are not as absurd as the world itself
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Article views"><i class="fa fa-eye fa-fw"></i>View(953)</span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-google-wallet fa-fw icon"></i><strong>Related articles</strong><small></small></h5>
                <ul class="list-unstyled">
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/762" data-original-title="All the absurd things we encounter are not as absurd as the world itself" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>All the absurd things we encounter are not as absurd as the world itself
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/761" data-original-title="Young folks shouldn't treat work like a career. You should really plan out your future well." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>Young folks shouldn't treat work like a career. You should really plan out your future well.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/760" data-original-title="You're most likely not going to make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>You're most likely not going to make it through this winter.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/759" data-original-title="You probably won't make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>You probably won't make it through this winter.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/758" data-original-title="Work on these eight points, and keep getting better." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>Work on these eight points, and keep getting better.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.liuleinet.top/articles/detail/757" data-original-title="Why is it so hard for us Because of the existence of this group of people." data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>Why is it so hard for us Because of the existence of this group of people.
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="ad-mark" id="COMMENT_BOX_TOP" style="display: none"></div>
        </div>
<div class="col-sm-3 blog-sidebar">
    <div class="ad-mark" id="SIDEBAR_TOP" style="display: none"></div>
    <!-- 侧方展示广告 -->
    <div class="sidebar-module" style="position: relative;">
        <h5 class="custom-title"><i class="fa fa-home fa-fw icon"></i><strong>About Me</strong><small></small></h5>
        <div class="widget">
            <div id="feed_widget">
                <div class="feed-about">
                    <div class="about-main">
                        <div class="about-img"><a href="https://upload.liuleinet.top/config/uid-1fd1a79dd607cafe6ca48232b34566b3c.png" class="showImage" title="WeChat Mini Program"><img src="https://upload.liuleinet.top/config/uid-1fd1a79dd607cafe6ca48232b34566b3c.png" alt="WeChat Mini Program"></a></div>
                        <div class="about-name">个人学习记录</div>
                        <div class="about-the">Explore the truth about wealth and making money, dedicated to helping you build passive income.</div>
                    </div>
                    <div class="clear"></div>
                    <!-- 方案一：图标展示 -->
                    <ul class="widget-icon">
                        <li class="weixin auto-shake" data-container="body"
                            data-toggle="popover" data-trigger="hover" data-placement="bottom" data-html="true" data-content="<img src='https://upload.liuleinet.top/config/uid-1ba0195f99b1e6ec5e11cb583370b7795.jpg' style='width: 130px;' alt='QR Code'>">
                            <a class="tag-icon" title="WeChat" rel="external nofollow"><i class="fa fa-weixin"></i></a>
                        </li>
                        <li class="tqq auto-shake">
                            <a class="tag-icon" href="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=1239928453&site=qq&menu=yes')" title="Click to contact me on QQ" target="blank" rel="external nofollow"><i class="fa fa-qq"></i></a>
                        </li>
                        <li class="github auto-shake">
                            <a class="tag-icon" href="https://github.com/liulei2020" title="Click to View My GitHub" target="_blank" rel="external nofollow"><i class="fa fa-github"></i></a>
                        </li>
                    </ul>
                    <!-- 方案二：列表展示 -->
                </div>
            </div>
        </div>
    </div>

    <div class="sidebar-module article-module hide" style="top: 0;">
        <h5 class="custom-title"><i class="fa fa-book fa-fw icon"></i><strong>Table of Contents</strong><i class="fa fa-close pull-right close-article-menu hide pointer"></i><small></small></h5>
        <div id="article-menu" style="overflow:auto">
            <ul class="list-unstyled"></ul>
        </div>
    </div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-tags fa-fw icon"></i><strong>Tag Cloud</strong><small></small></h5>
                    <a style="font-size: 11.87px;margin: 5px;" href="https://www.liuleinet.top/tags-page/5" title="Java" data-toggle="tooltip" data-placement="bottom">
                        Java
                    </a>
                    <a style="font-size: 14.11px;margin: 5px;" href="https://www.liuleinet.top/tags-page/42" title="955WLB" data-toggle="tooltip" data-placement="bottom">
                        955WLB
                    </a>
                    <a style="font-size: 10.37px;margin: 5px;" href="https://www.liuleinet.top/tags-page/43" title="面试必问" data-toggle="tooltip" data-placement="bottom">
                        面试必问
                    </a>
                    <a style="font-size: 11.98px;margin: 5px;" href="https://www.liuleinet.top/tags-page/51" title="认知" data-toggle="tooltip" data-placement="bottom">
                        认知
                    </a>
                    <a style="font-size: 11.75px;margin: 5px;" href="https://www.liuleinet.top/tags-page/52" title="变现" data-toggle="tooltip" data-placement="bottom">
                        变现
                    </a>
                    <a style="font-size: 12.99px;margin: 5px;" href="https://www.liuleinet.top/tags-page/53" title="赚钱" data-toggle="tooltip" data-placement="bottom">
                        赚钱
                    </a>
                    <a style="font-size: 12.97px;margin: 5px;" href="https://www.liuleinet.top/tags-page/56" title="Docker" data-toggle="tooltip" data-placement="bottom">
                        Docker
                    </a>
                    <a style="font-size: 12.01px;margin: 5px;" href="https://www.liuleinet.top/tags-page/59" title="Python" data-toggle="tooltip" data-placement="bottom">
                        Python
                    </a>
                    <a style="font-size: 12.73px;margin: 5px;" href="https://www.liuleinet.top/tags-page/61" title="BusinessThinking" data-toggle="tooltip" data-placement="bottom">
                        BusinessThinking
                    </a>
                    <a style="font-size: 15.78px;margin: 5px;" href="https://www.liuleinet.top/tags-page/62" title="MakingMoney" data-toggle="tooltip" data-placement="bottom">
                        MakingMoney
                    </a>
                    <a style="font-size: 11.61px;margin: 5px;" href="https://www.liuleinet.top/tags-page/63" title="Cognition" data-toggle="tooltip" data-placement="bottom">
                        Cognition
                    </a>
                    <a style="font-size: 12.07px;margin: 5px;" href="https://www.liuleinet.top/tags-page/64" title="program design" data-toggle="tooltip" data-placement="bottom">
                        program design
                    </a>
    </div>
    <div class="sidebar-module">
        <ul class="nav nav-tabs sidebar-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#recent" aria-controls="recent" role="tab" data-toggle="tab"><i class="fa fa-list"></i>Recent Articles</a></li>
            <li role="presentation"><a href="#recommend" aria-controls="recommend" role="tab" data-toggle="tab"><i class="fa fa-thumbs-o-up"></i>Recommended</a></li>
            <li role="presentation"><a href="#hot" aria-controls="hot" role="tab" data-toggle="tab"><i class="fa fa-hand-peace-o"></i>Popular Articles</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="recent">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/762" title="All the absurd things we encounter are not as absurd as the world itself" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> All the absurd things we encounter are not as absurd as the world itself
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/761" title="Young folks shouldn't treat work like a career. You should really plan out your future well." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Young folks shouldn't treat work like a career. You should really plan out your future well.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/760" title="You're most likely not going to make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> You're most likely not going to make it through this winter.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/759" title="You probably won't make it through this winter." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> You probably won't make it through this winter.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/758" title="Work on these eight points, and keep getting better." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Work on these eight points, and keep getting better.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/757" title="Why is it so hard for us Because of the existence of this group of people." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Why is it so hard for us Because of the existence of this group of people.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/756" title="Why is it getting harder to find a job nowadays" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Why is it getting harder to find a job nowadays
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/755" title="Why can others make the wealth you'd earn in a lifetime in just two to three years" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Why can others make the wealth you'd earn in a lifetime in just two to three years
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/754" title="Whether the family is well-off or not, Dad's role is especially important." data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Whether the family is well-off or not, Dad's role is especially important.
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/753" title="When a person starts to get rich, there will definitely be these changes. What are the signs when a person becomes wealthy" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> When a person starts to get rich, there will definitely be these changes. What are the signs when a person becomes wealthy
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="recommend">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/276" title="天涯神贴：只有穷人才会痴迷技术" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 天涯神贴：只有穷人才会痴迷技术
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="hot">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/276" title="天涯神贴：只有穷人才会痴迷技术" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 天涯神贴：只有穷人才会痴迷技术
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/280" title="百家号批量撤回和批量删除作品" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 百家号批量撤回和批量删除作品
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/71" title="文学研究助手-【C、C++、Java实现】" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 文学研究助手-【C、C++、Java实现】
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/283" title="监控Docker容器状态并重启宕机的容器的脚本" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 监控Docker容器状态并重启宕机的容器的脚本
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.liuleinet.top/articles/detail/762" title="All the absurd things we encounter are not as absurd as the world itself" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> All the absurd things we encounter are not as absurd as the world itself
                                    </a>
                                </li>
                </ol>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-info fa-fw icon"></i><strong>Website Information</strong><small></small></h5>
        <ul class="ul-default site-info">
                <li> <i class="fa fa-file fa-fw"></i>  Total Articles：320</li>
                <li> <i class="fa fa-tags fa-fw"></i> Total Tags：12</li>
                <li> <i class="fa fa-folder-open fa-fw"></i> Total Categories：9</li>
                <li> <i class="fa fa-comments fa-fw"></i> Total Comments：6</li>
                <li> <i class="fa fa-users fa-fw"></i> Total Registered Users：<span class="online">6,447</span></li>
                <li> <i class="fa fa-calendar fa-fw"></i> Running Time：<span id="uptime"></span></li>
                <li> <i class="fa fa-vine fa-fw"></i>  Total Visits：<span  style="color: #4286ca;font-weight: 600;">89904</span></li>
        </ul>
    </div>
    <div class="ad-mark" id="SIDEBAR_BOTTOM" style="display: none"></div>
</div>
<script>
    // 获取系统创建日期
    var createTimestamp = new Date("2021-12-10").getTime();

    function updateUptime() {
        // 获取当前日期
        var currentTimestamp = new Date().getTime();

        // 计算系统运行时间（单位：毫秒）
        var uptimeMilliseconds = currentTimestamp - createTimestamp;

        // 将毫秒转换为天、小时、分钟、秒
        var days = Math.floor(uptimeMilliseconds / (1000 * 60 * 60 * 24));
        var hours = Math.floor((uptimeMilliseconds % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((uptimeMilliseconds % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((uptimeMilliseconds % (1000 * 60)) / 1000);

        // 更新页面显示
        document.getElementById("uptime").innerHTML = days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒";
    }

    // 每秒钟更新一次系统运行时间
    setInterval(updateUptime, 1000);

</script>    </div>
</div>
<div id="lockModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Enter password to view article details</h4>
            </div>
            <div class="modal-body">
                <input type="text" name="password" id="password" class="form-control" placeholder="Please enter the article password">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="verifyPassword">Confirm</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade nav-search-box" tabindex="-1" role="dialog" aria-labelledby="navSearchModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 10px;"><span aria-hidden="true">&times;</span></button>
                <h4><i class="fa fa-search"></i> Search Articles</h4>
            </div>
            <div class="modal-body">
                <form action="/" method="get" class="form-horizontal searchForm" id="searchForm">
                    <input type="hidden" name="pageNumber" value="1">
                    <div class="input-group bottom-line">
                        <input type="text" class="form-control br-none" name="keywords" value="" required="required" placeholder="Enter Search Content">
                        <span class="input-group-btn">
                        <button class="btn btn-default br-none nav-search-btn pointer" type="submit"><i class="fa fa-search"></i> Search</button>
                    </span>
                    </div>
                    <div class="clear"></div>
                    <ul class="list-unstyled list-inline search-hot">
                        <li><strong style="position: relative;top: 2px;color: #999999;">Popular Searches：</strong></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">Java</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">面试题</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">MySQL</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">Redis</span></a></li>
                                    <li><a class="pointer" rel="external nofollow"><span class="label label-info">文学研究助手</span></a></li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
<!--评论弹框-->
<div class="modal fade bs-example-modal-sm" id="comment-detail-modal" tabindex="-1" role="dialog" aria-labelledby="comment-detail-modal-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="comment-detail-modal-label">评论信息框</h4>
                <small><i class="fa fa-lightbulb-o fa-fw"></i>可以通过QQ号实时获取昵称和头像</small>
            </div>
            <div class="modal-body">
                <form id="detail-form">
                    <input type="hidden" name="avatar">
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="qq" placeholder="选填" value="">
                        <img class="pull-left hide" alt="">
                        <span class="fa fa-qq pull-left" aria-hidden="true">QQ</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="nickname" placeholder="必填" value="匿名">
                        <span class="fa fa-user pull-left" aria-hidden="true">昵称</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="email" placeholder="选填">
                        <span class="fa fa-envelope pull-left" aria-hidden="true">邮箱</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="url" placeholder="选填">
                        <span class="fa fa-globe pull-left" aria-hidden="true">网址</span>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btn-default btn-sm" id="detail-form-btn"><i class="fa fa-smile-o"></i>提交评论</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reward" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Could you please consider supporting me with a donation? It would mean a lot!</h4>
            </div>
            <div class="modal-body">
                <div class="rewardType" align="center">
                    <ul class="list-unstyle list-inline">
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="alipay" onclick="PaymentUtils.change(0)" data-index="0" checked="checked" ><span style="margin-left: 5px;">Alipay</span>
                        </li>
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="wechat" onclick="PaymentUtils.change(1)" data-index="1"><span style="margin-left: 5px;">WeChat</span>
                        </li>
                    </ul>
                </div>
                <div id="qrcode-container" align="center" style="margin-top: 10px;"></div>
                <div style="width: 100%;color: #a3a3a3;font-size: 16px;font-family: 'Microsoft YaHei';text-align: center;">
                    Please add a note when transferring“<strong>Sponsor</strong>”
                </div>
            </div>
        </div>
        <small class="font-bold"></small>
    </div>
    <small class="font-bold"> </small>
</div>
<div id="loading">
    <div class="filter"></div>
    <div class="loader">
        <div class="loading-1"></div>
        <div class="loading-2">Loading...</div>
    </div>
</div>

<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col col-xs-12 col-md-12 col-lg-12">
                <p>
                <ul class="list-unstyled list-inline">
                    <li>Other Links：</li>
                    <li><a href="https://www.liuleinet.top/sitemap.html" target="_blank" title="SiteMap"
                           data-toggle="tooltip" data-placement="bottom"><i class="fa fa-map-o fa-fw"></i>SiteMap</a></li>
                    <li><a href="https://www.liuleinet.top/recommended-page" title="Recommended" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-thumbs-o-up fa-fw"></i>Recommended</a></li>
                    <li><a href="https://www.liuleinet.top/archives-page" title="Archive" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-folder-o fa-fw"></i>Archive</a></li>
                    <li><a href="https://www.liuleinet.top/disclaimer-page" title="Disclaimer" data-toggle="tooltip"
                           data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>Disclaimer</a></li>
                </ul>
                </p>
                <p>Hosted by<a href="https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=wylo59db"
                         target="_blank" title="Alibaba Cloud - Computing, for the value that cannot be calculated" data-toggle="tooltip" data-placement="bottom"
                         rel="external nofollow"> Alibaba Cloud</a> ·
                    <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" title="View Record Information"
                       data-toggle="tooltip" data-placement="bottom"
                       rel="external nofollow">赣ICP备2022001959号-1</a>
                        <img src="https://upload.liuleinet.top/config/beian.png"/>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=36050202000303" target="_blank" title="View Public Security Record Information"
                   data-toggle="tooltip" data-placement="bottom"
                   rel="external nofollow">赣公网安备36050202000303号</a>
                </p>

            </div>
            <div class="col col-md-4"></div>
        </div>
    </div>
</footer>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col col-xs-12 col-md-12 col-lg-12">
                    <p>CopyRight@个人学习记录 All Rights Reserved | Powered by <a href="https://freemarker.apache.org/" title="Apache FreeMarker™ is a template engine: a Java library to generate text output (HTML web pages, e-mails, configuration files, source code, etc.) based on templates and changing data. ..." data-toggle="tooltip" data-placement="right" target="_blank" style="color: #4286ca;font-weight: 600;">FreeMarker v-2.3.32</a>  </p>

                </div>
            </div>
        </div>
    </footer>
<a class="to-top" title="Click to Return to Top" data-toggle="tooltip" data-placement="bottom"></a>

<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/js-xss/0.3.3/xss.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/mustache.js/2.3.0/mustache.min.js"></script>

<script type="text/javascript">
    var appConfig = {
        siteName: "个人学习记录",
        wwwPath: "https://www.liuleinet.top",
        cmsPath: "ws://websocket.liuleinet.top",
        staticPath: "https://liuleinet.top",
        lazyloadPath: "",
        wxPraiseCode: "https://upload.liuleinet.top/config/uid-1f6bfcb40d4c644b7cf5fc4281bced65b.png" || "https://liuleinet.top/img/default.png",
        zfbPraiseCode: "https://upload.liuleinet.top/config/c72b0660655ac74b1cb208814bf3d160.jpg" || "https://liuleinet.top/img/default.png",
        editorPlaceholder: "",
        editorAlert: "",
        dynamicTitle: "小北学习助手微信小程序",
        bubbleWord: "富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善",
    };

    var oauthConfig = {
        loginUserId: "",
        loginUserName: "",
        loginUserAvatar: ""
    }
</script>
<script type="text/javascript" src="https://liuleinet.top/js/lei.core.js"></script>
<script type="text/javascript" src="https://liuleinet.top/js/lei.comment.js"></script>
<script type="text/javascript" src="https://liuleinet.top/js/lei.js"></script>
<script type="text/javascript" src="https://liuleinet.top/js/marked.min.js"></script>



    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/lib/highlight.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js"></script>
    <script>$m.innerHTML = marked.parse($t.value);</script>
    <script>
        var isPrivate = '';
        if(isPrivate || isPrivate == 'true') {
            $("#lockModal").modal('show')
        }

        $("#verifyPassword").click(function (){
            var password = $("#password").val();
            var articleId = "482";
            $.post("/articles/verify-article-password", {articleId : articleId, password: password}, function (json) {
                if(json.flag) {
                    $(".blog-info-body").html(marked.parse(json.data));
                    $("#lockModal").modal('hide')
                } else {
                    $.alert.error(json.message);
                }
            })
        })
    </script>
    <script>
        const blogInfo = document.querySelector('.blog-info');
        const isLoggedIn = false;
        document.addEventListener('keydown', function (event) {

            if ((event.ctrlKey && event.key === 'c') || event.key === 'Insert') {
                if (!isLoggedIn) {
                    e.preventDefault();
                    const confirmCopy = confirm('复制功能仅供登录用户使用，是否立即登录？');
                    if (confirmCopy) {
                        $("#oauth").modal('show')
                    }
                    return;
                }
            }
        });


        document.addEventListener('copy', function(e) {
            console.log("copy",e);
            if (!e.target.closest('.blog-info')) {
                return; // Not copying from article content
            }



            if (!isLoggedIn) {
                e.preventDefault();
                const confirmCopy = confirm('复制功能仅供登录用户使用，是否立即登录？');
                if (confirmCopy) {
                    $("#oauth").modal('show')
                }
                return;
            }

            // Handle copying for logged-in users
            const selectedText = window.getSelection().toString();
            if (selectedText.length > 100) {
                e.preventDefault();
                const newText = `
                \n\n————————————————
                作者：HXB (1239928453@qq.com)
                链接：https://www.liuleinet.top/articles/detail/482
                来源：个人学习记录 (https://liuleinet.top)
                版权声明：本文为博主HXB原创文章，遵循 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》 版权协议，转载请附上原文出处链接和本声明。
                著作权归HXB所有。商业转载请联系作者获得授权，非商业转载请注明出处。

                `;
                e.clipboardData.setData('text/plain', selectedText + newText);
            }
        });
    </script>

    </body>
</html>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "For people to turn their lives around, they must know the truth in advance.",
  "datePublished": "2025-02-25T13:43:13",
  "dateModified": "2025-03-05T08:00",
  "author": {
    "@type": "Person",
    "name": "HXB"
  }
}
</script>