{"version":"https://jsonfeed.org/version/1.1","title":"DBD-raws","home_page_url":"https://cms.dbdraws.dpdns.org","feed_url":"https://cms-dbdraws.pages.dev/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.pages.dev/assets/default/channel-image.png","favicon":"https://cms-dbdraws.pages.dev/assets/default/favicon.png","authors":[{"name":"DBD制作组"}],"language":"zh-cn","items":[{"id":"BFgkhhdHga5","title":"夜间模式测试","url":"https://cms.dbdraws.dpdns.org/i/ceshi-BFgkhhdHga5/","content_html":"\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>我的博客 - 夜间模式测试</title>\n    <style>\n        /* 基础样式 */\n        body {\n            font-family: 'Arial', sans-serif;\n            line-height: 1.6;\n            margin: 0;\n            padding: 20px;\n            background-color: #ffffff;\n            color: #333333;\n            transition: background-color 0.3s, color 0.3s;\n        }\n        \n        header {\n            border-bottom: 1px solid #eee;\n            padding-bottom: 20px;\n            margin-bottom: 30px;\n        }\n        \n        h1 {\n            color: #2c3e50;\n        }\n        \n        article {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        a {\n            color: #3498db;\n            text-decoration: none;\n        }\n        \n        .post {\n            background: #f9f9f9;\n            padding: 20px;\n            margin-bottom: 20px;\n            border-radius: 5px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n        }\n        \n        /* 夜间模式样式 */\n        body.dark-mode {\n            background-color: #121212;\n            color: #e0e0e0;\n        }\n        \n        body.dark-mode header {\n            border-bottom-color: #333;\n        }\n        \n        body.dark-mode h1 {\n            color: #bb86fc;\n        }\n        \n        body.dark-mode .post {\n            background: #1e1e1e;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        }\n        \n        body.dark-mode a {\n            color: #4dd0e1;\n        }\n        \n        /* 切换按钮样式 */\n        #darkModeToggle {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            padding: 10px 20px;\n            background: #333;\n            color: white;\n            border: none;\n            border-radius: 20px;\n            cursor: pointer;\n            z-index: 999;\n            font-size: 14px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n            transition: all 0.3s;\n        }\n        \n        #darkModeToggle:hover {\n            transform: scale(1.05);\n        }\n        \n        body.dark-mode #darkModeToggle {\n            background: #bb86fc;\n            color: #121212;\n        }\n    </style>\n</head>\n\n    <header>\n        <h1>我的博客</h1>\n        <nav>\n            <a href=\"#\">首页</a> | \n            <a href=\"#\">文章</a> | \n            <a href=\"#\">关于</a>\n        </nav>\n    </header>\n    \n    <article>\n        <div class=\"post\">\n            <h2>第一篇文章</h2>\n            <p>这是一篇示例博客文章。夜间模式可以减轻眼睛疲劳，特别是在光线较暗的环境中使用电脑时。</p>\n            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl eget ultricies tincidunt, nisl nisl aliquam nisl, eget ultricies nisl nisl eget nisl.</p>\n        </div>\n        \n        <div class=\"post\">\n            <h2>第二篇文章</h2>\n            <p>这是另一篇示例文章。你可以点击右下角的按钮切换夜间模式。</p>\n            <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\n        </div>\n    </article>\n    \n    <button id=\"darkModeToggle\">夜间模式</button>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const darkModeToggle = document.getElementById('darkModeToggle');\n            \n            // 检查本地存储和系统偏好\n            function checkDarkModePreference() {\n                const savedMode = localStorage.getItem('darkMode');\n                const systemPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n                \n                if (savedMode === 'enabled' || (savedMode === null && systemPrefersDark)) {\n                    document.body.classList.add('dark-mode');\n                    darkModeToggle.textContent = '白天模式';\n                    localStorage.setItem('darkMode', 'enabled');\n                }\n            }\n            \n            // 初始化检查\n            checkDarkModePreference();\n            \n            // 监听系统主题变化\n            if (window.matchMedia) {\n                const colorSchemeQuery = window.matchMedia('(prefers-color-scheme: dark)');\n                colorSchemeQuery.addEventListener('change', checkDarkModePreference);\n            }\n            \n            // 切换夜间模式\n            darkModeToggle.addEventListener('click', function() {\n                document.body.classList.toggle('dark-mode');\n                \n                if (document.body.classList.contains('dark-mode')) {\n                    localStorage.setItem('darkMode', 'enabled');\n                    darkModeToggle.textContent = '白天模式';\n                } else {\n                    localStorage.setItem('darkMode', 'disabled');\n                    darkModeToggle.textContent = '夜间模式';\n                }\n            });\n        });\n    </script>\n","content_text":"我的博客 - 夜间模式测试\n\n\n我的博客\n\n首页 | 文章 | 关于\n\n\n第一篇文章\n\n这是一篇示例博客文章。夜间模式可以减轻眼睛疲劳，特别是在光线较暗的环境中使用电脑时。\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl\neget ultricies tincidunt, nisl nisl aliquam nisl, eget ultricies nisl nisl eget\nnisl.\n\n\n第二篇文章\n\n这是另一篇示例文章。你可以点击右下角的按钮切换夜间模式。\n\nSed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad\nminim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\ncommodo consequat.\n\n夜间模式","date_published":"2025-08-08T14:12:14.934Z","_microfeed":{"web_url":"https://cms-dbdraws.pages.dev/i/夜间模式测试-BFgkhhdHga5/","json_url":"https://cms-dbdraws.pages.dev/i/BFgkhhdHga5/json/","rss_url":"https://cms-dbdraws.pages.dev/i/BFgkhhdHga5/rss/","guid":"BFgkhhdHga5","status":"published","itunes:episodeType":"full","date_published_short":"Fri Aug 08 2025","date_published_ms":1754662334934}}],"_microfeed":{"microfeed_version":"0.1.5","base_url":"https://cms-dbdraws.pages.dev","categories":[],"subscribe_methods":[{"name":"JSON","type":"json","url":"https://cms-dbdraws.pages.dev/json/","image":"https://cms-dbdraws.pages.dev/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.pages.dev/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"}}