{"id":13653,"date":"2024-09-28T10:17:08","date_gmt":"2024-09-28T02:17:08","guid":{"rendered":"http:\/\/999.zuizhuai.cn\/?p=13653"},"modified":"2024-09-28T10:17:08","modified_gmt":"2024-09-28T02:17:08","slug":"%e3%80%8a%e8%ae%ba%e8%af%ad%e3%80%8b%e5%bd%93%e4%b8%80%e4%b8%aa%e4%ba%ba%e8%b6%8a%e6%9d%a5%e8%b6%8a%e6%9c%89%e6%99%ba%e6%85%a7%ef%bc%8c%e4%bb%96%e4%bc%9a%e5%8f%98%e5%be%97%e8%b6%8a%e6%9d%a5%e8%b6%8a-2","status":"publish","type":"post","link":"http:\/\/puo.cn\/?p=13653","title":{"rendered":"\u5730\u5740\u53d1\u5e03\u9875\u6e90\u7801"},"content":{"rendered":"

https:\/\/6ke.li\/diy\/dzfb\/index.html<\/a>\u00a0 \u00a0 \u00a0 \u6f14\u793a\u5730\u5740<\/p>\n

<!DOCTYPE html>
\n<html lang=”zh-CN”>
\n<head>
\n<meta charset=”UTF-8″>
\n<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
\n<title>6ke \u8bba\u575b – \u5730\u5740\u53d1\u5e03\u9875\uff0c\u6536\u85cf\u6211\u56de\u5bb6\u4e0d\u8ff7\u8def\uff01<\/title>
\n<meta name=”description” content=”6ke \u8bba\u575b – \u5730\u5740\u53d1\u5e03\u9875\uff0c\u6536\u85cf\u6211\u56de\u5bb6\u4e0d\u8ff7\u8def\uff01”>
\n<link href=”https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700&display=swap” rel=”stylesheet”>
\n<link rel=”stylesheet” href=”https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css”>
\n<style>
\n:root {
\n–primary-color: #3b82f6;
\n–secondary-color: #60a5fa;
\n–text-color: #1f2937;
\n–card-background: rgba(255, 255, 255, 0.9);
\n–transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
\n}
\n* {
\nbox-sizing: border-box;
\nmargin: 0;
\npadding: 0;
\n}
\nbody {
\nfont-family: ‘Inter’, sans-serif;
\ncolor: var(–text-color);
\nline-height: 1.6;
\nmin-height: 100vh;
\ndisplay: flex;
\njustify-content: center;
\nalign-items: center;
\nbackground: linear-gradient(-45deg, #e6f2ff, #fff0f5, #f0f7ff, #fff5e6);
\nbackground-size: 400% 400%;
\nanimation: gradientBG 15s ease infinite;
\noverflow-x: hidden;
\nfont-size: 16px; \/* \u6062\u590d\u5230\u4e4b\u524d\u7684\u57fa\u7840\u5b57\u4f53\u5927\u5c0f *\/
\n}
\n@keyframes gradientBG {
\n0% { background-position: 0% 50%; }
\n50% { background-position: 100% 50%; }
\n100% { background-position: 0% 50%; }
\n}
\n.wrapper {
\npadding: 2rem;
\nwidth: 100%;
\nmax-width: 600px;
\nposition: relative;
\n}
\n.main {
\nbackground-color: var(–card-background);
\nborder-radius: 20px;
\nbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
\npadding: 2.5rem;
\nbackdrop-filter: blur(10px);
\ntransition: var(–transition);
\n}
\n.main:hover {
\nbox-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
\n}
\nh1 {
\nfont-size: 2.5rem;
\ncolor: var(–primary-color);
\ntext-align: center;
\nmargin-bottom: 1.5rem;
\nfont-weight: 700;
\n}
\nul {
\nlist-style-type: none;
\nmargin-bottom: 1.5rem;
\n}
\nli {
\nmargin-bottom: 1rem;
\npadding: 1rem;
\nbackground-color: rgba(248, 250, 252, 0.8);
\nborder-radius: 10px;
\ntransition: var(–transition);
\ncursor: pointer;
\ndisplay: flex;
\nalign-items: center;
\njustify-content: space-between;
\n}
\nli:hover {
\ntransform: translateY(-3px);
\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
\n}
\nli a {
\ncolor: var(–primary-color);
\ntext-decoration: none;
\nfont-weight: bold;
\ntransition: var(–transition);
\ndisplay: flex;
\nalign-items: center;
\n}
\nli a:hover {
\ncolor: var(–secondary-color);
\n}
\nli a i {
\nmargin-right: 0.5rem;
\nfont-size: 1.2em;
\n}
\n.notice {
\nbackground-color: rgba(230, 242, 255, 0.8);
\nborder-left: 4px solid var(–primary-color);
\npadding: 1rem;
\nmargin-top: 1rem;
\nborder-radius: 10px;
\ntransition: var(–transition);
\n}
\n.notice:hover {
\nbackground-color: rgba(230, 242, 255, 1);
\n}
\n.footer {
\nmargin-top: 2rem;
\ntext-align: center;
\ncolor: var(–text-color);
\nfont-weight: 300;
\nopacity: 0.8;
\ntransition: var(–transition);
\n}
\n.footer:hover {
\nopacity: 1;
\n}
\n.bookmark-btn {
\ndisplay: block;
\nwidth: 100%;
\npadding: 1rem;
\nbackground-color: var(–primary-color);
\ncolor: white;
\ntext-align: center;
\nborder: none;
\nborder-radius: 10px;
\nfont-size: 1rem;
\nfont-weight: 600;
\ncursor: pointer;
\ntransition: var(–transition);
\nmargin-bottom: 1.5rem;
\nposition: relative;
\noverflow: hidden;
\n}
\n.bookmark-btn:hover {
\nbackground-color: var(–secondary-color);
\ntransform: translateY(-2px);
\nbox-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
\n}
\n.bookmark-btn::after {
\ncontent: ”;
\nposition: absolute;
\ntop: 50%;
\nleft: 50%;
\nwidth: 5px;
\nheight: 5px;
\nbackground: rgba(255, 255, 255, 0.5);
\nopacity: 0;
\nborder-radius: 100%;
\ntransform: scale(1, 1) translate(-50%);
\ntransform-origin: 50% 50%;
\n}
\n.bookmark-btn:focus:not(:active)::after {
\nanimation: ripple 1s ease-out;
\n}
\n@keyframes ripple {
\n0% { transform: scale(0, 0); opacity: 1; }
\n20% { transform: scale(25, 25); opacity: 1; }
\n100% { opacity: 0; transform: scale(40, 40); }
\n}
\n.bg-animation {
\nposition: fixed;
\ntop: 0;
\nleft: 0;
\nwidth: 100%;
\nheight: 100%;
\nz-index: -1;
\n}
\n.bg-animation span {
\nposition: absolute;
\ndisplay: block;
\nwidth: 20px;
\nheight: 20px;
\nbackground: rgba(255, 255, 255, 0.2);
\nanimation: move 25s infinite linear;
\n}
\n.bg-animation span:nth-child(1) { top: 20%; left: 20%; animation-duration: 15s; }
\n.bg-animation span:nth-child(2) { top: 60%; left: 80%; animation-duration: 17s; width: 40px; height: 40px; }
\n.bg-animation span:nth-child(3) { top: 40%; left: 40%; animation-duration: 19s; }
\n.bg-animation span:nth-child(4) { top: 80%; left: 10%; animation-duration: 21s; }
\n@keyframes move {
\n0% { transform: translateX(0) translateY(0) rotate(0); opacity: 1; border-radius: 0; }
\n100% { transform: translateX(-1000px) translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; }
\n}
\n@media (max-width: 768px) {
\nbody {
\nfont-size: calc (14px + 0.390625vw); \/* \u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\u4f7f\u7528\u54cd\u5e94\u5f0f\u5b57\u4f53\u5927\u5c0f *\/
\n}
\n.main {
\npadding: 2rem;
\n}
\nh1 {
\nfont-size: 2rem;
\n}
\n}
\n.status-badge {
\npadding: 2px 6px;
\nborder-radius: 4px;
\nfont-size: 0.8em;
\nmargin-left: 10px;
\n}
\n.status-normal {
\nbackground-color: #4CAF50;
\ncolor: white;
\n}
\n.status-error {
\nbackground-color: #f44336;
\ncolor: white;
\n}
\nli.disabled {
\nopacity: 0.5;
\ncursor: not-allowed;
\n}
\nli.disabled a {
\npointer-events: none;
\n}
\n<\/style>
\n<\/head>
\n<body>
\n<div class=”bg-animation”>
\n<span><\/span>
\n<span><\/span>
\n<span><\/span>
\n<span><\/span>
\n<\/div>
\n<div class=”wrapper”>
\n<main class=”main”>
\n<h1>6ke \u8bba\u575b – \u5730\u5740\u53d1\u5e03\u9875 <\/h1>
\n<button class=”bookmark-btn”>
\n<i class=”fas fa-bookmark”><\/i> Ctrl+D \u6536\u85cf\u672c\u9875\u5230\u6d4f\u89c8\u5668\u6536\u85cf\u5939
\n<\/button>
\n<ul id=”url-list”>
\n<li data-url=”https:\/\/6.ke\/”>
\n<span>6ke \u8bba\u575b\uff08\u4e3b\uff09<\/span>
\n<a href=”https:\/\/6.ke\/” target=”_blank”>
\n<i class=”fas fa-external-link-alt”><\/i> 6.ke
\n<\/a>
\n<span class=”status-badge”><\/span>
\n<\/li>
\n<li data-url=”https:\/\/6ke.li\/”>
\n<span>6ke \u8bba\u575b\uff08\u5907\uff09<\/span>
\n<a href=”https:\/\/6ke.li\/” target=”_blank”>
\n<i class=”fas fa-external-link-alt”><\/i> 6ke.li
\n<\/a>
\n<span class=”status-badge”><\/span>
\n<\/li>
\n<\/ul>
\n<div class=”notice”>
\n<i class=”fas fa-info-circle”><\/i> \u90e8\u5206\u4e2d\u56fd\u7f51\u7edc\u5c4f\u853d\u7f51\u5740\uff0c\u6253\u4e0d\u5f00\u8bf7\u4f7f\u7528\ud83e\ude9c\u8bbf\u95ee\uff01
\n<\/div>
\n<\/main>
\n<footer class=”footer”>
\n<p>&copy; 2024 6ke \u8bba\u575b\u3002\u4fdd\u7559\u6240\u6709\u6743\u5229\u3002<\/p>
\n<\/footer>
\n<\/div><\/p>\n

<script>
\nfunction checkUrl(url) {
\nreturn new Promise((resolve, reject) => {
\nfetch(url, { mode: ‘no-cors’, method: ‘HEAD’ })
\n.then(() => resolve(true))
\n.catch(() => resolve(false));
\n});
\n}<\/p>\n

function updateUrlStatus(li, isAccessible) {
\nconst statusBadge = li.querySelector(‘.status-badge’);
\nif (isAccessible) {
\nli.classList.remove(‘disabled’);
\nstatusBadge.textContent = ‘ \u6b63\u5e38 ‘;
\nstatusBadge.className = ‘status-badge status-normal’;
\n} else {
\nli.classList.add(‘disabled’);
\nstatusBadge.textContent = ‘ \u65e0\u6cd5\u8bbf\u95ee ‘;
\nstatusBadge.className = ‘status-badge status-error’;
\n}
\n}<\/p>\n

async function checkAllUrls() {
\nconst urlList = document.getElementById(‘url-list’);
\nconst listItems = urlList.querySelectorAll(‘li’);<\/p>\n

for (const li of listItems) {
\nconst url = li.dataset.url;
\nconst isAccessible = await checkUrl(url);
\nupdateUrlStatus(li, isAccessible);
\n}
\n}<\/p>\n

\/\/ \u521d\u59cb\u68c0\u67e5
\ncheckAllUrls();<\/p>\n

\/\/ \u6bcf 5 \u5206\u949f\u68c0\u67e5\u4e00\u6b21
\nsetInterval(checkAllUrls, 5 * 60 * 1000);
\n<\/script>
\n<\/body>
\n<\/html><\/p><\/blockquote>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

https:\/\/6ke.li\/diy\/dzfb\/index.html\u00a0 \u00a0 \u00a0 \u6f14\u793a\u5730\u5740 <!DOCTYPE html> <html lang=”zh-CN”> <head> &l…<\/p>\n","protected":false},"author":1,"featured_media":13703,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[129,135],"tags":[],"topic":[],"class_list":["post-13653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-129","category-135"],"_links":{"self":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/13653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13653"}],"version-history":[{"count":0,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/13653\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13653"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13653"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftopic&post=13653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}