🖼 花瓣
https://api.huaban.com
分享者: guaner001125 (317)发布时间: 11/10 02:13
该用户很懒，什么介绍也没有写！
{
"articleStyle": 3,
"customOrder": -10098479,
"enableJs": true,
"enabled": true,
"enabledCookieJar": false,
"lastUpdateTime": 1762711929008,
"loadWithBaseUrl": true,
"preload": false,
"ruleArticles": "$.pins",
"ruleContent": "<style>\n:root {\n --text-color: #333;\n --bg-color: #f8f5f2;\n --title-color: #222;\n --link-color: #666;\n --highlight-color: #d4a373;\n --border-color: #e9e5e1;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --text-color: #e0e0e0;\n --bg-color: #1a1a1a;\n --title-color: #ffffff;\n --link-color: #aaaaaa;\n --highlight-color: #d4a373;\n --border-color: #333;\n }\n}\n\nbody {\n padding: 20px;\n line-height: 1.8;\n letter-spacing: 0.5px;\n background: var(--bg-color);\n color: var(--text-color);\n word-wrap: break-word;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 1200px;\n margin: 0 auto;\n transition: all 0.3s ease;\n}\n\nh1 {\n text-align: center;\n font-size: 24px;\n line-height: 1.4;\n margin: 25px 0 15px;\n color: var(--title-color);\n font-weight: 600;\n position: relative;\n padding-bottom: 15px;\n}\n\nh1:after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 2px;\n background: var(--highlight-color);\n}\n\np {\n text-indent: 2em;\n margin: 15px 0;\n font-size: 16px;\n color: var(--text-color);\n}\n\n.author {\n font-style: italic;\n color: var(--highlight-color);\n text-align: center;\n margin: 10px 0 25px;\n font-size: 15px;\n}\n\n.board-description {\n background: rgba(212, 163, 115, 0.1);\n padding: 15px;\n border-radius: 6px;\n margin: 20px 0;\n border-left: 3px solid var(--highlight-color);\n}\n\n.recommendations-title {\n font-weight: 700;\n margin: 50px 0 30px;\n color: var(--title-color);\n font-size: 26px;\n text-align: left;\n position: relative;\n padding: 20px 0;\n letter-spacing: 1.5px;\n line-height: 1.3;\n background: linear-gradient(135deg, rgba(212, 163, 115, 0.1) 0%, transparent 50%, rgba(212, 163, 115, 0.1) 100%);\n border-radius: 10px;\n}\n\n.image-container {\n margin: 25px 0;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.image-container img {\n display: block;\n width: 100%;\n height: auto;\n transition: transform 0.3s ease;\n}\n\n.image-container img:hover {\n transform: scale(1.02);\n}\n\n\/* 优化瀑布流布局，确保图片间距合适 *\/\n.recommendations {\n column-count: 4;\n column-gap: 20px;\n margin: 30px 0;\n}\n\n.recommendations img {\n width: 100%;\n height: auto;\n border-radius: 10px;\n margin-bottom: 20px;\n break-inside: avoid;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n display: block;\n}\n\n.recommendations img:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n}\n\n\/* 响应式调整 - 确保在不同屏幕下都能完整显示 *\/\n@media (max-width: 1024px) {\n .recommendations {\n column-count: 3;\n }\n \n .recommendations-title {\n font-size: 24px;\n margin: 40px 0 25px;\n padding: 18px 0;\n }\n \n .recommendations-title:before {\n left: 25%;\n }\n \n .recommendations-title:after {\n right: 25%;\n }\n}\n\n@media (max-width: 768px) {\n .recommendations {\n column-count: 2;\n column-gap: 15px;\n }\n \n .recommendations-title {\n font-size: 22px;\n margin: 35px 0 20px;\n padding: 15px 0;\n letter-spacing: 1px;\n }\n \n .recommendations-title:before,\n .recommendations-title:after {\n font-size: 18px;\n }\n \n .recommendations-title:before {\n left: 20%;\n }\n \n .recommendations-title:after {\n right: 20%;\n }\n \n body {\n max-width: 100%;\n padding: 15px;\n }\n}\n\n@media (max-width: 480px) {\n .recommendations {\n column-count: 1;\n column-gap: 10px;\n }\n \n .recommendations-title {\n font-size: 20px;\n margin: 30px 0 15px;\n padding: 12px 0;\n background: rgba(212, 163, 115, 0.08);\n }\n \n .recommendations-title:before,\n .recommendations-title:after {\n display: none; \/* 在小屏幕上隐藏装饰图标，确保文字完全显示 *\/\n }\n}\n\n.original-link {\n text-align: center;\n margin: 50px 0 25px;\n}\n\n.original-link a {\n color: var(--link-color);\n text-decoration: none;\n font-size: 16px;\n padding: 10px 25px;\n border: 1px solid var(--border-color);\n border-radius: 25px;\n transition: all 0.3s ease;\n display: inline-block;\n}\n\n.original-link a:hover {\n color: var(--highlight-color);\n border-color: var(--highlight-color);\n background: rgba(212, 163, 115, 0.05);\n transform: translateY(-2px);\n}\n<\/style>\n\n<div>\n <h1>{{$.pin.board.title}}<\/h1>\n <p class=\"author\">By：{{$.pin.user.username}}<\/p>\n \n <div class=\"image-container\">\n <img src=\"https:\/\/hbimg.huabanimg.com\/\/{{$.pin.file.key}}\"\/>\n <\/div>\n \n <p>{{$.pin.raw_text}}<\/p>\n \n <p class=\"board-description\">{{$.pin.board.description}}<\/p>\n \n <!-- 优化后的相关推荐标题 - 更大更突出，确保完全显示 -->\n <p class=\"recommendations-title\">相关推荐<\/p>\n \n <div class=\"recommendations\">\n {{json=JSON.parse(java.getElements('$.pin.board.pins'));\n img='';\n for (i in json){\n key=json[i].file.key;\n img=img+'<img src=\"https:\/\/hbimg.huabanimg.com\/\/'+key+'\"\/>'\n }\n img\n }}\n <\/div>\n \n <div class=\"original-link\">\n <a href=\"https:\/\/huaban.com\/pins\/{{$.pin.pin_id}}\">阅读原文<\/a>\n <\/div>\n<\/div>\n",
"ruleImage": "https:\/\/hbimg.huabanimg.com\/\/{$.file.key}",
"ruleLink": "https:\/\/api.huaban.com\/pins\/{$.pin_id}",
"ruleNextPage": "page",
"rulePubDate": "$.created_at@js:(new Date(result*1000)).toLocaleDateString();",
"ruleTitle": "{{$.board.title}}•{{$.raw_text}}",
"searchUrl": "https:\/\/api.huaban.com\/search\/file?sort=created_at&limit=62&text={{key}}&page={{page}}&position=search_pin",
"showWebLog": false,
"singleUrl": false,
"sortUrl": "搜索::https:\/\/api.huaban.com\/search\/file?sort=created_at&limit=62&text={{svg=String(java.base64Encode(`<svg width=\"1190\" height=\"300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"100%\" height=\"100%\" fill=\"#ffffff\"\/><text x=\"200\" y=\"100\" font-family=\"Arial, sans-serif\" font-size=\"70\" fill=\"#333\" font-weight=\"bold\">输入要搜索的内容<\/text><\/svg>`));if(page==1){let a=\"\";try{a=java.getVerificationCode('data:image\/svg+xml;base64,'+svg);}catch(e){java.log(e)};if(a==\"\"){a=source.getVariable()}source.setVariable(a);a}else{source.getVariable()};}}&page={{page}}&position=search_pin\nUI\/UX::https:\/\/api.huaban.com\/favorite\/web_app_icon?limit=100&page={{page}}&&平面::https:\/\/api.huaban.com\/favorite\/design?limit=100&page={{page}}&&插画\/漫画::https:\/\/api.huaban.com\/favorite\/illustration?limit=100&page={{page}}&&摄影::https:\/\/api.huaban.com\/favorite\/photography?limit=100&page={{page}}&&游戏::https:\/\/api.huaban.com\/favorite\/games?limit=100&page={{page}}&&动漫::https:\/\/api.huaban.com\/favorite\/anime?limit=100&page={{page}}&&工业设计::https:\/\/api.huaban.com\/favorite\/industrial_design?limit=100&page={{page}}&&建筑设计::https:\/\/api.huaban.com\/favorite\/architecture?limit=100&page={{page}}&&人文艺术::https:\/\/api.huaban.com\/favorite\/art?limit=100&page={{page}}&&家居\/家装::https:\/\/api.huaban.com\/favorite\/home?limit=100&page={{page}}&&女装\/搭配::https:\/\/api.huaban.com\/favorite\/apparel?limit=100&page={{page}}&&男士\/风尚::https:\/\/api.huaban.com\/favorite\/men?limit=100&page={{page}}&&造型\/美妆::https:\/\/api.huaban.com\/favorite\/modeling_hair?limit=100&page={{page}}&&手工\/布艺::https:\/\/api.huaban.com\/favorite\/diy_crafts?limit=100&page={{page}}&&美食::https:\/\/api.huaban.com\/favorite\/food_drink?limit=100&page={{page}}&&旅行::https:\/\/api.huaban.com\/favorite\/travel_places?limit=100&page={{page}}&&婚礼::https:\/\/api.huaban.com\/favorite\/wedding_events?limit=100&page={{page}}&&儿童::https:\/\/api.huaban.com\/favorite\/kids?limit=100&page={{page}}&&宠物::https:\/\/api.huaban.com\/favorite\/pets?limit=100&page={{page}}&&美图::https:\/\/api.huaban.com\/favorite\/quotes?limit=100&page={{page}}&&明星::https:\/\/api.huaban.com\/favorite\/people?limit=100&page={{page}}&&美女::https:\/\/api.huaban.com\/favorite\/beauty?limit=100&page={{page}}&&礼物::https:\/\/api.huaban.com\/favorite\/desire?limit=100&page={{page}}&&极客::https:\/\/api.huaban.com\/favorite\/geek?limit=100&page={{page}}&&数据图::https:\/\/api.huaban.com\/favorite\/data_presentation?limit=100&page={{page}}&&汽车\/摩托::https:\/\/api.huaban.com\/favorite\/cars_motorcycles?limit=100&page={{page}}&&电影\/图书::https:\/\/api.huaban.com\/favorite\/film_music_books?limit=100&page={{page}}&&生活百科::https:\/\/api.huaban.com\/favorite\/tips?limit=100&page={{page}}&&教育::https:\/\/api.huaban.com\/favorite\/education?limit=100&page={{page}}&&运动::https:\/\/api.huaban.com\/favorite\/sports?limit=100&page={{page}}&&搞笑::https:\/\/api.huaban.com\/favorite\/funny?limit=100&page={{page}}&&健身\/舞蹈::https:\/\/api.huaban.com\/favorite\/fitness?limit=100&page={{page}}&&其它::https:\/\/api.huaban.com\/favorite\/other?limit=100&page={{page}}&&3C数码::https:\/\/api.huaban.com\/favorite\/digital?limit=100",
"sourceGroup": "图片",
"sourceIcon": "https:\/\/api.huaban.com\/favicon.ico",
"sourceName": "🖼\n花瓣",
"sourceUrl": "https:\/\/api.huaban.com",
"type": 0
}