{"id":272,"date":"2025-07-29T09:59:28","date_gmt":"2025-07-29T01:59:28","guid":{"rendered":"http:\/\/hhh3m.top\/?p=272"},"modified":"2026-05-28T16:03:57","modified_gmt":"2026-05-28T08:03:57","slug":"test","status":"publish","type":"post","link":"https:\/\/hhh3m.top\/index.php\/2025\/07\/29\/test\/","title":{"rendered":"TEST"},"content":{"rendered":"\n<img decoding=\"async\" src=\"https:\/\/tool.lu\/netcard\/\">\n\n\n\n<iframe loading=\"lazy\" \n        src=\"https:\/\/hhh3m.top\/index.php\/2025\/07\/29\/test\/\" \n        width=\"100%\" \n        height=\"500px\"\n        allowfullscreen>\n    <\/iframe>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile has-light-green-cyan-color has-luminous-vivid-orange-background-color has-text-color has-background has-link-color wp-elements-d7b81bafca35d518d336c9b587c46969\"><figure class=\"wp-block-media-text__media\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/hhh3m.top\/wp-content\/uploads\/2025\/06\/\u7d2f.gif'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"146\" height=\"116\" data-original=\"https:\/\/hhh3m.top\/wp-content\/uploads\/2025\/06\/\u7d2f.gif\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-18 size-full\"\/><\/div><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-luminous-vivid-amber-color has-vivid-green-cyan-background-color has-text-color has-background has-link-color wp-elements-a1eb9e30fec6741ff943c5951cd5169b wp-block-paragraph\">123456&lt;p&gt;111&lt;\/p&gt;<\/p>\n<\/div><\/div>\n\n\n<div class=\"logged-out wp-block-loginout\"><a href=\"https:\/\/hhh3m.top\/wp-login.php?redirect_to=https%3A%2F%2Fhhh3m.top%2Findex.php%2Fwp-json%2Fwp%2Fv2%2Fposts%2F272\">\u767b\u5f55<\/a><\/div>\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-hhh-3-m-039-s-blog wp-block-embed-hhh-3-m-039-s-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"hVp7eFpi4q\"><a href=\"https:\/\/hhh3m.top\/index.php\/2025\/07\/29\/test\/\">TEST<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u300a TEST \u300b\u2014hhh3m&#039;s blog\" src=\"https:\/\/hhh3m.top\/index.php\/2025\/07\/29\/test\/embed\/#?secret=yqx8idvY7F#?secret=hVp7eFpi4q\" data-secret=\"hVp7eFpi4q\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<iframe src=\"\/\/player.bilibili.com\/player.html?bvid=BV1RCgYztExv&#038;page=1\" scrolling=\"no\" border=\"0\" frameborder=\"no\" framespacing=\"0\" allowfullscreen=\"true\"> <\/iframe>\n\n\n\n<iframe loading=\"lazy\" \n    src=\"\/\/player.bilibili.com\/player.html?bvid=BV1RCgYztExv&#038;page=1\" \n    width=\"800\" \n    height=\"450\"\n    scrolling=\"no\" \n    border=\"0\" \n    frameborder=\"no\" \n    framespacing=\"0\" \n    allowfullscreen=\"true\">\n<\/iframe>\n\n\n\n<!--<iframe \nwidth=\"800\" \n    height=\"450\"\n    scrolling=\"no\" \n    border=\"0\" \n    frameborder=\"no\" \n    framespacing=\"0\" \n    allowfullscreen=\"true\"\nsrcdoc=\"\n        &lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\n        &lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;\n        &lt;head&gt;\n        &lt;title&gt;JS1k: Breathing Galaxies (1013 bytes)&lt;\/title&gt;\n        &lt;script type=&quot;text\/javascript&quot;&gt;\n        window.onload = function () {\n            C = Math.cos; \/\/ cache Math objects\n            S = Math.sin;\n            U = 0;\n            w = window;\n            j = document;\n            d = j.getElementById(&quot;c&quot;);\n            c = d.getContext(&quot;2d&quot;);\n            W = d.width = w.innerWidth;\n            H = d.height = w.innerHeight;\n            c.fillRect(0, 0, W, H); \/\/ resize &lt;canvas&gt; and draw black rect (default)\n            c.globalCompositeOperation = &quot;lighter&quot;; \/\/ switch to additive color application\n            c.lineWidth = 0.2;\n            c.lineCap = &quot;round&quot;;\n            var bool = 0, \n                t = 0; \/\/ theta\n            d.onmousemove = function (e) {\n                if(window.T) {\n                    if(D==9) { D=Math.random()*15; f(1); }\n                    clearTimeout(T);\n                }\n                X = e.pageX; \/\/ grab mouse pixel coords\n                Y = e.pageY;\n                a=0; \/\/ previous coord.x\n                b=0; \/\/ previous coord.y \n                A = X, \/\/ original coord.x\n                B = Y; \/\/ original coord.y\n                R=(e.pageX\/W * 999&gt;&gt;0)\/999;\n                r=(e.pageY\/H * 999&gt;&gt;0)\/999;\n                U=e.pageX\/H * 360 &gt;&gt;0;\n                D=9;\n                g = 360 * Math.PI \/ 180;\n                T = setInterval(f = function (e) { \/\/ start looping spectrum\n                    c.save();\n                    c.globalCompositeOperation = &quot;source-over&quot;; \/\/ switch to additive color application\n                    if(e!=1) {\n                        c.fillStyle = &quot;rgba(0,0,0,0.02)&quot;;\n                        c.fillRect(0, 0, W, H); \/\/ resize &lt;canvas&gt; and draw black rect (default)\n                    }\n                    c.restore();\n                    i = 25; while(i --) {\n                        c.beginPath();\n                        if(D &gt; 450 || bool) { \/\/ decrease diameter\n                            if(!bool) { \/\/ has hit maximum\n                                bool = 1;\n                            }\n                            if(D &lt; 0.1) { \/\/ has hit minimum\n                                bool = 0;\n                            }\n                            t -= g; \/\/ decrease theta\n                            D -= 0.1; \/\/ decrease size\n                        }\n                        if(!bool) {\n                            t += g; \/\/ increase theta\n                            D += 0.1; \/\/ increase size\n                        }\n                        q = (R \/ r - 1) * t; \/\/ create hypotrochoid from current mouse position, and setup variables (see: http:\/\/en.wikipedia.org\/wiki\/Hypotrochoid)\n                        x = (R - r) * C(t) + D * C(q) + (A + (X - A) * (i \/ 25)) + (r - R); \/\/ center on xy coords\n                        y = (R - r) * S(t) - D * S(q) + (B + (Y - B) * (i \/ 25));\n                        if (a) { \/\/ draw once two points are set\n                            c.moveTo(a, b);\n                            c.lineTo(x, y)\n                        }\n                        c.strokeStyle = &quot;hsla(&quot; + (U % 360) + &quot;,100%,50%,0.75)&quot;; \/\/ draw rainbow hypotrochoid\n                        c.stroke();\n                        a = x; \/\/ set previous coord.x\n                        b = y; \/\/ set previous coord.y\n                    }\n                    U -= 0.5; \/\/ increment hue\n                    A = X; \/\/ set original coord.x\n                    B = Y; \/\/ set original coord.y\n                }, 16);\n            }\n            j.onkeydown = function(e) { a=b=0; R += 0.05 }\n            d.onmousemove({pageX:300, pageY:290})\n        }\n        &lt;\/script&gt;\n        &lt;\/head&gt;\n        &lt;body&gt;\n        &lt;canvas id=&quot;c&quot;&gt;&lt;\/canvas&gt;\n        &lt;\/body&gt;\n        &lt;\/html&gt;\n    \">\n<\/iframe>-->\n\n\n\n<!-- \u5c06\u6b64\u4ee3\u7801\u590d\u5236\u5230WordPress\u6587\u7ae0\/\u9875\u9762\u7684HTML\u7f16\u8f91\u5668\u4e2d -->\n<style>\n\/* \u6587\u4ef6\u5939\u7ec4\u4ef6\u6837\u5f0f *\/\n.folder-system {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    max-width: 800px;\n    margin: 2rem auto;\n    padding: 20px;\n    background: #f8f9fa;\n    border-radius: 12px;\n    border: 1px solid #e9ecef;\n}\n\n.folder {\n    background: white;\n    border-radius: 8px;\n    margin-bottom: 12px;\n    overflow: hidden;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    border: 1px solid #dee2e6;\n    transition: all 0.3s ease;\n}\n\n.folder:hover {\n    box-shadow: 0 4px 16px rgba(0,0,0,0.12);\n    transform: translateY(-1px);\n}\n\n\/* \u6587\u4ef6\u5939\u6807\u9898 *\/\n.folder-header {\n    padding: 16px 20px;\n    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);\n    color: white;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-weight: 600;\n    font-size: 1.1em;\n    user-select: none;\n}\n\n.folder-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.folder-icon {\n    font-size: 1.4em;\n    transition: transform 0.3s ease;\n}\n\n.folder-header:hover .folder-icon {\n    transform: scale(1.1);\n}\n\n\/* \u5c55\u5f00\/\u6536\u8d77\u6307\u793a\u5668 *\/\n.folder-indicator {\n    font-size: 1.5em;\n    transition: transform 0.3s ease;\n}\n\n.folder.active .folder-indicator {\n    transform: rotate(90deg);\n}\n\n\/* \u6587\u4ef6\u5939\u5185\u5bb9 *\/\n.folder-content {\n    padding: 0;\n    max-height: 0;\n    overflow: hidden;\n    background: white;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n}\n\n.folder.active .folder-content {\n    padding: 20px;\n    max-height: 1000px;\n    opacity: 1;\n}\n\n\/* \u6587\u4ef6\u9879\u6837\u5f0f *\/\n.file-item {\n    padding: 12px 16px;\n    border-left: 3px solid #4dabf7;\n    margin-bottom: 10px;\n    background: #f8f9fa;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.2s ease;\n}\n\n.file-item:hover {\n    background: #e7f5ff;\n    transform: translateX(4px);\n    border-left-color: #339af0;\n}\n\n.file-icon {\n    color: #339af0;\n    font-size: 1.2em;\n}\n\n.file-name {\n    font-weight: 500;\n    color: #495057;\n}\n\n.file-desc {\n    color: #868e96;\n    font-size: 0.9em;\n    margin-left: auto;\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 768px) {\n    .folder-system {\n        padding: 15px;\n        margin: 1rem auto;\n    }\n    \n    .folder-header {\n        padding: 14px 16px;\n        font-size: 1em;\n    }\n    \n    .file-item {\n        padding: 10px 12px;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 5px;\n    }\n    \n    .file-desc {\n        margin-left: 0;\n        font-size: 0.85em;\n    }\n}\n<\/style>\n\n<!-- HTML\u7ed3\u6784 -->\n<div class=\"folder-system\">\n    <h2 style=\"text-align: center; color: #343a40; margin-bottom: 24px;\">\ud83d\udcc1 \u9879\u76ee\u6587\u6863\u6587\u4ef6\u5939<\/h2>\n    \n    <div class=\"folder active\">\n        <div class=\"folder-header\" onclick=\"toggleFolder(this)\">\n            <div class=\"folder-title\">\n                <span class=\"folder-icon\">\ud83d\udcc1<\/span>\n                <span>\u524d\u7aef\u5f00\u53d1\u6587\u6863<\/span>\n            <\/div>\n            <span class=\"folder-indicator\">\u25b6<\/span>\n        <\/div>\n        <div class=\"folder-content\">\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\ud83d\udcc4<\/span>\n                <span class=\"file-name\">index.html<\/span>\n                <span class=\"file-desc\">\u4e3b\u9875\u9762\u7ed3\u6784<\/span>\n            <\/div>\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\ud83c\udfa8<\/span>\n                <span class=\"file-name\">styles.css<\/span>\n                <span class=\"file-desc\">\u6837\u5f0f\u8868\u6587\u4ef6<\/span>\n            <\/div>\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\u26a1<\/span>\n                <span class=\"file-name\">script.js<\/span>\n                <span class=\"file-desc\">\u4ea4\u4e92\u903b\u8f91\u811a\u672c<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"folder\">\n        <div class=\"folder-header\" onclick=\"toggleFolder(this)\">\n            <div class=\"folder-title\">\n                <span class=\"folder-icon\">\ud83d\udcc1<\/span>\n                <span>\u8bbe\u8ba1\u8d44\u6e90<\/span>\n            <\/div>\n            <span class=\"folder-indicator\">\u25b6<\/span>\n        <\/div>\n        <div class=\"folder-content\">\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\ud83c\udfa8<\/span>\n                <span class=\"file-name\">UI\u8bbe\u8ba1\u7a3f.psd<\/span>\n                <span class=\"file-desc\">Photoshop\u6e90\u6587\u4ef6<\/span>\n            <\/div>\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\ud83d\uddbc\ufe0f<\/span>\n                <span class=\"file-name\">\u56fe\u7247\u8d44\u6e90<\/span>\n                <span class=\"file-desc\">50\u4e2a\u56fe\u6807\u7d20\u6750<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"folder\">\n        <div class=\"folder-header\" onclick=\"toggleFolder(this)\">\n            <div class=\"folder-title\">\n                <span class=\"folder-icon\">\ud83d\udcc1<\/span>\n                <span>\u9879\u76ee\u8ba1\u5212<\/span>\n            <\/div>\n            <span class=\"folder-indicator\">\u25b6<\/span>\n        <\/div>\n        <div class=\"folder-content\">\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\ud83d\udcc5<\/span>\n                <span class=\"file-name\">\u9879\u76ee\u65f6\u95f4\u8868.xlsx<\/span>\n                <span class=\"file-desc\">\u7518\u7279\u56fe\u4e0e\u91cc\u7a0b\u7891<\/span>\n            <\/div>\n            <div class=\"file-item\">\n                <span class=\"file-icon\">\ud83d\udc65<\/span>\n                <span class=\"file-name\">\u56e2\u961f\u6210\u5458.md<\/span>\n                <span class=\"file-desc\">\u804c\u8d23\u5206\u5de5\u8bf4\u660e<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ \u5207\u6362\u6587\u4ef6\u5939\u5c55\u5f00\/\u6536\u8d77\nfunction toggleFolder(header) {\n    const folder = header.parentElement;\n    folder.classList.toggle('active');\n    \n    \/\/ \u53ef\u9009\uff1a\u5982\u679c\u4e00\u6b21\u53ea\u5c55\u5f00\u4e00\u4e2a\u6587\u4ef6\u5939\n    \/\/ const allFolders = document.querySelectorAll('.folder');\n    \/\/ allFolders.forEach(f => {\n    \/\/     if (f !== folder) f.classList.remove('active');\n    \/\/ });\n}\n<\/script>\n\n\n\n<script data-wp-block-html=\"js\">\n!function () {\n    function n(n, e, t) {\n        return n.getAttribute(e) || t\n    }\n \n    function e(n) {\n        return document.getElementsByTagName(n)\n    }\n \n    function t() {\n        var t = e(\"script\"), o = t.length, i = t[o - 1];\n        return {l: o, z: n(i, \"zIndex\", -1), o: n(i, \"opacity\", .5), c: n(i, \"color\", \"0,0,0\"), n: n(i, \"count\", 99)}\n    }\n \n    function o() {\n        a = m.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, c = m.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight\n    }\n \n    function i() {\n        r.clearRect(0, 0, a, c);\n        var n, e, t, o, m, l;\n        s.forEach(function (i, x) {\n            for (i.x += i.xa, i.y += i.ya, i.xa *= i.x > a || i.x < 0 ? -1 : 1, i.ya *= i.y > c || i.y < 0 ? -1 : 1, r.fillRect(i.x - .5, i.y - .5, 1, 1), e = x + 1; e < u.length; e++) n = u[e], null !== n.x &#038;&#038; null !== n.y &#038;&#038; (o = i.x - n.x, m = i.y - n.y, l = o * o + m * m, l < n.max &#038;&#038; (n === y &#038;&#038; l >= n.max \/ 2 && (i.x -= .03 * o, i.y -= .03 * m), t = (n.max - l) \/ n.max, r.beginPath(), r.lineWidth = t \/ 2, r.strokeStyle = \"rgba(\" + d.c + \",\" + (t + .2) + \")\", r.moveTo(i.x, i.y), r.lineTo(n.x, n.y), r.stroke()))\n        }), x(i)\n    }\n \n    var a, c, u, m = document.createElement(\"canvas\"), d = t(), l = \"c_n\" + d.l, r = m.getContext(\"2d\"),\n        x = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (n) {\n            window.setTimeout(n, 1e3 \/ 45)\n        }, w = Math.random, y = {x: null, y: null, max: 2e4};\n    m.id = l, m.style.cssText = \"position:fixed;top:0;left:0;z-index:\" + d.z + \";opacity:\" + d.o, e(\"body\")[0].appendChild(m), o(), window.onresize = o, window.onmousemove = function (n) {\n        n = n || window.event, y.x = n.clientX, y.y = n.clientY\n    }, window.onmouseout = function () {\n        y.x = null, y.y = null\n    };\n    for (var s = [], f = 0; d.n > f; f++) {\n        var h = w() * a, g = w() * c, v = 2 * w() - 1, p = 2 * w() - 1;\n        s.push({x: h, y: g, xa: v, ya: p, max: 6e3})\n    }\n    u = s.concat([y]), setTimeout(function () {\n        i()\n    }, 100)\n}();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>123456&lt;p&gt;111&lt;\/p&gt; \ud83d\udcc1 \u9879\u76ee\u6587\u6863\u6587\u4ef6\u5939 \ud83d\udcc1 \u524d\u7aef\u5f00\u53d1\u6587\u6863 \u25b6 \ud83d\udcc4 ind [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-272","post","type-post","status-publish","format-standard","hentry","category-misc"],"_links":{"self":[{"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":27,"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"predecessor-version":[{"id":747,"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/posts\/272\/revisions\/747"}],"wp:attachment":[{"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hhh3m.top\/index.php\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}