☰

Danbooru 热门图展示

加载 Danbooru 图片，自定义标签、数量，切换预览图和中图显示，并支持近N天高分图搜索。可导出作者名为文本文件。无法预览的图片将显示占位图供跳转。

// ==UserScript==
// @name         Danbooru 热门图展示
// @namespace    http://tampermonkey.net/
// @version      1.8
// @description  加载 Danbooru 图片，自定义标签、数量，切换预览图和中图显示，并支持近N天高分图搜索。可导出作者名为文本文件。无法预览的图片将显示占位图供跳转。
// @author       OpenAI
// @match        https://danbooru.donmai.us/*
// @grant        GM_xmlhttpRequest
// @connect      danbooru.donmai.us
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    let currentPage = 1;
    let isLoading = false;
    let customTags = "genshin_impact score:>100";
    let limit = 100;
    let imgSizeMode = "preview";
    let authorList = new Set();

    window.addEventListener('load', () => {
        createMainUI();
        createRecentSearchUI();
    });

    function createMainUI() {
        const panel = document.createElement("div");
        panel.style = `
            position:fixed; top:20px; right:20px; z-index:9999;
            background:white; padding:10px; border:1px solid #ccc;
            box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        `;

        const tagInput = document.createElement("input");
        tagInput.value = customTags;
        tagInput.placeholder = "输入 Danbooru 标签";
        tagInput.style = "width:200px; padding:5px; margin-bottom:5px;";

        const limitInput = document.createElement("input");
        limitInput.type = "number";
        limitInput.min = 1;
        limitInput.max = 100;
        limitInput.value = limit;
        limitInput.style = "width:60px; margin-left:10px;";

        const sizeSelect = document.createElement("select");
        sizeSelect.style = "margin-left:10px; padding:5px;";
        sizeSelect.innerHTML = `
            <option value="preview">预览图</option>
            <option value="sample">中图</option>
        `;
        sizeSelect.value = imgSizeMode;
        sizeSelect.onchange = () => {
            imgSizeMode = sizeSelect.value;
        };

        const btn = document.createElement("button");
        btn.textContent = "📥 加载图片";
        btn.style = "display:block; margin-top:10px; padding:5px 10px;";
        btn.onclick = () => {
            customTags = tagInput.value.trim();
            limit = parseInt(limitInput.value) || 100;
            currentPage = 1;
            resultContainer.innerHTML = "";
            authorList.clear();
            fetchImages();
        };

        const exportBtn = document.createElement("button");
        exportBtn.textContent = "📄 导出作者名";
        exportBtn.style = "display:block; margin-top:10px; padding:5px 10px;";
        exportBtn.onclick = exportAuthorNames;

        panel.appendChild(tagInput);
        panel.appendChild(limitInput);
        panel.appendChild(sizeSelect);
        panel.appendChild(btn);
        panel.appendChild(exportBtn);
        document.body.appendChild(panel);
    }

    function createRecentSearchUI() {
        const panel = document.createElement("div");
        panel.style = `
            position:fixed; top:20px; left:20px; z-index:9999;
            background:white; padding:10px; border:1px solid #ccc;
            box-shadow: 0 2px 8px rgba(0,0,0,0.3);
        `;

        const recentTagInput = document.createElement("input");
        recentTagInput.placeholder = "标签（如 genshin_impact）";
        recentTagInput.style = "width:200px; padding:5px; margin-bottom:5px;";
        recentTagInput.value = "score:>100";

        const daysInput = document.createElement("input");
        daysInput.type = "number";
        daysInput.min = 1;
        daysInput.value = 500;
        daysInput.title = "近多少天";
        daysInput.style = "width:60px; margin-left:10px;";

        const recentBtn = document.createElement("button");
        recentBtn.textContent = "🔍 搜索近N天高分图";
        recentBtn.style = "display:block; margin-top:10px; padding:5px 10px;";
        recentBtn.onclick = () => {
            const userTags = recentTagInput.value.trim();
            const days = parseInt(daysInput.value) || 500;
            const today = new Date();
            const pastDate = new Date(today.getTime() - days * 24 * 60 * 60 * 1000);
            const formattedDate = pastDate.toISOString().split("T")[0];

            customTags = `${userTags} date:>=${formattedDate} order:score`;
            limit = 100;
            currentPage = 1;
            authorList.clear();
            resultContainer.innerHTML = "";
            fetchImages();
        };

        panel.appendChild(recentTagInput);
        panel.appendChild(daysInput);
        panel.appendChild(recentBtn);
        document.body.appendChild(panel);
    }

    const resultContainer = document.createElement("div");
    resultContainer.style = `
        margin-top:100px; padding:10px;
        display:flex; flex-wrap:wrap; justify-content:center;
    `;
    document.body.appendChild(resultContainer);

    const loadMoreBtn = document.createElement("button");
    loadMoreBtn.textContent = "⏬ 加载更多";
    loadMoreBtn.style = "display:block; margin:20px auto; padding:10px 20px;";
    loadMoreBtn.onclick = fetchImages;
    document.body.appendChild(loadMoreBtn);

    function fetchImages() {
        if (isLoading) return;
        isLoading = true;
        loadMoreBtn.disabled = true;
        loadMoreBtn.textContent = "加载中...";

        const url = `https://danbooru.donmai.us/posts.json?tags=${encodeURIComponent(customTags)}&limit=${limit}&page=${currentPage}`;

        GM_xmlhttpRequest({
            method: "GET",
            url,
            onload: res => {
                const data = JSON.parse(res.responseText);
                if (data.length === 0) {
                    loadMoreBtn.textContent = "✅ 已无更多";
                    isLoading = false;
                    return;
                }

                data.forEach(post => {
                    if (post.tag_string_artist) {
                        post.tag_string_artist.split(" ").forEach(name => authorList.add(name));
                    }

                    let imgUrl = imgSizeMode === "sample" && post.sample_file_url
                        ? post.sample_file_url
                        : post.preview_file_url;

                    if (!imgUrl) {
                        // 使用 SVG 灰色占位图
                        imgUrl = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(`
                            <svg xmlns="http://www.w3.org/2000/svg" width="160" height="160">
                                <rect width="100%" height="100%" fill="#ccc"/>
                                <text x="50%" y="50%" text-anchor="middle" dy=".3em" font-size="14" fill="#666">🔒 无预览</text>
                            </svg>
                        `);
                    }

                    const div = document.createElement("div");
                    div.style = "margin:10px; width:180px; text-align:center; background:#fff; border:1px solid #ddd; padding:5px;";
                    div.innerHTML = `
                        <a href="https://danbooru.donmai.us/posts/${post.id}" target="_blank">
                            <img src="${imgUrl}" style="width:160px; height:160px; object-fit:cover; border:1px solid #ccc;">
                        </a>
                        <div style="font-size:12px;">⭐ ${post.score}</div>
                    `;
                    resultContainer.appendChild(div);
                });

                currentPage++;
                isLoading = false;
                loadMoreBtn.disabled = false;
                loadMoreBtn.textContent = "⏬ 加载更多";
            },
            onerror: err => {
                console.error("请求失败:", err);
                loadMoreBtn.textContent = "❌ 加载失败";
                loadMoreBtn.disabled = false;
                isLoading = false;
            }
        });
    }

    function exportAuthorNames() {
        if (authorList.size === 0) {
            alert("还没有加载任何作者数据！");
            return;
        }

        const blob = new Blob([Array.from(authorList).join("\n")], { type: "text/plain;charset=utf-8" });
        const url = URL.createObjectURL(blob);
        const a = document.createElement("a");
        a.href = url;
        a.download = `danbooru_authors_${new Date().toISOString().slice(0, 10)}.txt`;
        a.click();
        URL.revokeObjectURL(url);
    }
})();