{"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":"H9Ld7FpM6yK","title":"🔍博壳搜索器 (调试版)","url":"https://cms.dbdraws.dpdns.org/i/json-H9Ld7FpM6yK/","content_html":"\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    body {\n      max-width: 800px;\n      margin: 30px auto;\n      padding: 0 20px;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto;\n      line-height: 1.6;\n    }\n    /* 搜索框样式 —— 上边距已优化 */\n    .search-box {\n      margin-top: 25px;    /* 更舒服的上边距 */\n      margin-bottom: 25px;\n    }\n    #search-input {\n      width: 100%;\n      padding: 10px 14px;\n      border: 1px solid #eaeaea;\n      border-radius: 6px;\n      font-size: 16px;\n      outline: none;\n    }\n    #search-input:focus {\n      border-color: #999;\n    }\n    /* 文章列表 */\n    .post-list {\n      display: flex;\n      flex-direction: column;\n      gap: 18px;\n    }\n    .post-item {\n      padding: 14px 0;\n      border-bottom: 1px solid #f5f5f5;\n    }\n    .post-item h3 {\n      font-size: 18px;\n      margin-bottom: 6px;\n    }\n    .post-item a {\n      color: #222;\n      text-decoration: none;\n    }\n    .post-item a:hover {\n      text-decoration: underline;\n    }\n    .post-item p {\n      color: #666;\n      font-size: 14px;\n    }\n  </style>\n\n<div class=\"search-box\">\n  <input \n    type=\"text\" \n    id=\"search-input\" \n    placeholder=\"输入关键词实时搜索文章...\"\n    autocomplete=\"off\"\n  >\n</div>\n\n<div class=\"post-list\">\n  <div class=\"post-item\">\n    <h3><a href=\"post-1.html\">轻量博客搭建完全教程</a></h3>\n    <p>纯HTML+CSS+JS实现极简博客，无后端、无数据库、超快加载</p>\n  </div>\n  <div class=\"post-item\">\n    <h3><a href=\"post-2.html\">前端本地搜索实现</a></h3>\n    <p>不用任何库，原生JS实现博客实时搜索，代码不到1KB</p>\n  </div>\n  <div class=\"post-item\">\n    <h3><a href=\"post-3.html\">CSS极简样式优化</a></h3>\n    <p>让博客干净好看的轻量CSS，适配手机和电脑</p>\n  </div>\n  <div class=\"post-item\">\n    <h3><a href=\"post-4.html\">静态博客部署指南</a></h3>\n    <p>Github Pages / Vercel 免费部署静态博客教程</p>\n  </div>\n</div>\n\n<script>\nconst searchInput = document.getElementById('search-input');\nconst postItems = document.querySelectorAll('.post-item');\n\nsearchInput.addEventListener('input', function (e) {\n  const keyword = e.target.value.toLowerCase().trim();\n  postItems.forEach(item => {\n    const text = item.textContent.toLowerCase();\n    item.style.display = text.includes(keyword) ? 'block' : 'none';\n  });\n});\n</script>\n\n","content_text":"轻量博客搭建完全教程\n\n纯HTML+CSS+JS实现极简博客，无后端、无数据库、超快加载\n\n\n前端本地搜索实现\n\n不用任何库，原生JS实现博客实时搜索，代码不到1KB\n\n\nCSS极简样式优化\n\n让博客干净好看的轻量CSS，适配手机和电脑\n\n\n静态博客部署指南\n\nGithub Pages / Vercel 免费部署静态博客教程","date_published":"2026-01-31T14:53:55.189Z","_microfeed":{"web_url":"https://cms.dbdraws.dpdns.org/i/🔍博壳搜索器-调试版-H9Ld7FpM6yK/","json_url":"https://cms.dbdraws.dpdns.org/i/H9Ld7FpM6yK/json/","rss_url":"https://cms.dbdraws.dpdns.org/i/H9Ld7FpM6yK/rss/","guid":"H9Ld7FpM6yK","status":"published","itunes:episodeType":"full","date_published_short":"Sat Jan 31 2026","date_published_ms":1769871235189}}],"_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"}}