{"version":"https://jsonfeed.org/version/1.1","title":"DBD-raws","home_page_url":"https://cms.dbdraws.dpdns.org","feed_url":"https://cms.dbdraws.dpdns.org/json/","description":"<style>\n        #api-text-container {\n            font-size: 22px;\n            \n            max-width: 90%;\n            text-align: center;\n            line-height: 1.6;\n            padding: 20px;\n            border-left: 4px solid #4CAF50;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n@media (max-width: 768px) {\n            #api-text-container {\n                font-size: 18px; /* 移动端减小到18px */\n                max-width: 95%; /* 移动端宽度占比更大（减少留白） */\n                padding: 15px; /* 移动端内边距减小 */\n            }\n    </style>\n<p id=\"api-text-container\"></p>\n<script>\n  // 调用文字API（以「一言」为例，返回随机句子）\n  fetch(\"https://v1.hitokoto.cn/?c=d\") // API地址（返回JSON）\n    .then(response => response.json())\n    .then(data => {\n      // 将API返回的文字填入容器（不添加任何样式，使用网站默认文本样式）\n      document.getElementById(\"api-text-container\").textContent = data.hitokoto;\n    })\n    .catch(error => {\n      // 加载失败时显示提示（同样使用默认样式）\n      document.getElementById(\"api-text-container\").textContent = \"加载失败，请稍后刷新\";\n    });\n</script>\n\n<p>这是一款轻量级的内容管理系统（CMS），可自行托管于Cloudflare平台。通过microfeed，您能够便捷地发布多种形式的内容——包括音频、视频、照片、文档、博客文章及外部链接，并以网页、RSS订阅和JSON格式输出信息流。</p>","icon":"https://cms.dbdraws.dpdns.org/assets/default/channel-image.png","favicon":"https://cms.dbdraws.dpdns.org/assets/default/favicon.png","authors":[{"name":"DBD制作组"}],"language":"zh-cn","items":[{"id":"Dz7-m7LZ1Vy","title":"背景测试","url":"https://cms.dbdraws.dpdns.org/i/ceshi-Dz7-m7LZ1Vy/","content_html":"\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>简约高斯模糊背景（带API文字）</title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #333;\n            background-image: url(\"https://api.yszwbk.com?39\");\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            position: relative;\n        }\n\n        body::before {\n            content: \"\";\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: inherit;\n            background-size: cover;\n            background-position: center;\n            filter: blur(8px);\n            z-index: -1;\n            transform: scale(1.02);\n        }\n\n        body::after {\n            content: \"\";\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(255, 255, 255, 0.3);\n            z-index: -1;\n        }\n\n        .content {\n            flex: 1;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 40px 20px;\n            width: 100%;\n        }\n\n        .header {\n            margin-bottom: 40px;\n            color: #222;\n        }\n\n        .header h1 {\n            font-size: 2rem;\n            margin-bottom: 10px;\n        }\n\n        .meta {\n            color: #666;\n            font-size: 0.9rem;\n            margin-bottom: 20px;\n        }\n\n        .subscribe {\n            margin: 15px 0;\n            font-size: 0.9rem;\n        }\n\n        .subscribe a {\n            color: #4a86e8;\n            text-decoration: none;\n            margin-right: 10px;\n        }\n\n        .card {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 12px;\n            padding: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            margin-bottom: 40px;\n        }\n\n        .card h2 {\n            font-size: 1.8rem;\n            margin-bottom: 15px;\n            color: #222;\n        }\n\n        /* API文字输出区域样式 */\n        .api-text {\n            line-height: 1.8; /* 增加行高，提升阅读体验 */\n            color: #555;\n            margin-bottom: 20px;\n            min-height: 60px; /* 预留空间，避免加载时抖动 */\n            font-size: 1.05rem;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 10px 20px;\n            background: #333;\n            color: white;\n            border-radius: 6px;\n            text-decoration: none;\n            font-size: 0.9rem;\n        }\n\n        footer {\n            padding: 20px;\n            text-align: center;\n            color: #666;\n            font-size: 0.85rem;\n            border-top: 1px solid rgba(0, 0, 0, 0.05);\n            background: rgba(255, 255, 255, 0.8);\n        }\n\n        footer a {\n            color: #4a86e8;\n            text-decoration: none;\n        }\n\n        /* 加载状态样式（可选） */\n        .loading {\n            color: #999;\n            font-style: italic;\n        }\n  #text-output {\n            font-size: 24px;\n            color: #333;\n            max-width: 100%;\n            text-align: center;\n            line-height: 1.6;\n            padding: 20px;\n            border-left: 4px solid #4CAF50;\n            background-color: white;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n    </style>\n</head>\n<br>\n        <div class=\"card\">\n            <h2>随机一言</h2>\n            <!-- API文字输出区域（替换原静态p标签） -->\n            <p id=\"text-output\" class=\"api-text loading\">加载中...</p>\n            <a href=\"#\" class=\"btn\">探索更多</a>\n        </div>\n    </div>\n\n\n    <script>\n        // API地址（一言API，返回名言类型文字）\n        const apiUrl = \"https://v1.hitokoto.cn/?c=d\"; // ?c=d 筛选名言类型\n        \n        // 调用API并输出文字\n        fetch(apiUrl)\n            .then(response => {\n                if (!response.ok) throw new Error(\"网络错误\");\n                return response.json();\n            })\n            .then(data => {\n                // 获取API返回的文字内容（字段为hitokoto）\n                const text = data.hitokoto;\n                // 将文字显示到页面，并移除加载状态\n                const outputElement = document.getElementById(\"text-output\");\n                outputElement.textContent = text;\n                outputElement.classList.remove(\"loading\"); // 移除加载中样式\n            })\n            .catch(error => {\n                // 加载失败时显示友好提示\n                const outputElement = document.getElementById(\"text-output\");\n                outputElement.textContent = \"名言加载失败，请刷新页面重试\";\n                outputElement.classList.remove(\"loading\");\n                console.error(\"API调用失败:\", error);\n            });\n    </script>\n","content_text":"简约高斯模糊背景（带API文字）\n\n\n\n随机一言\n\n加载中...\n\n探索更多","date_published":"2025-08-08T08:21:51.448Z","_microfeed":{"web_url":"https://cms.dbdraws.dpdns.org/i/背景测试-Dz7-m7LZ1Vy/","json_url":"https://cms.dbdraws.dpdns.org/i/Dz7-m7LZ1Vy/json/","rss_url":"https://cms.dbdraws.dpdns.org/i/Dz7-m7LZ1Vy/rss/","guid":"Dz7-m7LZ1Vy","status":"published","itunes:episodeType":"full","date_published_short":"Fri Aug 08 2025","date_published_ms":1754641311448}}],"_microfeed":{"microfeed_version":"0.1.5","base_url":"https://cms.dbdraws.dpdns.org","categories":[],"subscribe_methods":[{"name":"JSON","type":"json","url":"https://cms.dbdraws.dpdns.org/json/","image":"https://cms.dbdraws.dpdns.org/assets/brands/subscribe/json.png","enabled":true,"editable":false,"id":"p0wHIR3D42R"},{"name":"友情链接","type":"google podcasts","url":"https://blog.dbdraws.dpdns.org/friends","image":"https://cms.dbdraws.dpdns.org/assets/brands/subscribe/google.png","enabled":true,"editable":true,"id":"BRWdIXxcFlR"}],"description_text":"这是一款轻量级的内容管理系统（CMS），可自行托管于Cloudflare平台。通过microfeed，您能够便捷地发布多种形式的内容——包括音频、视频、照片、文档、博客文章及外部链接，并以网页、RSS订阅和JSON格式输出信息流。","copyright":"Copyright © DBD制作组.2026","itunes:type":"episodic","items_sort_order":"newest_first"}}