☰

X (Twitter) Feed to Markdown with Auto-Scroll

Extracts content from the X (Twitter) feed and converts it to a clean Markdown format, with an added direct auto-scroll feature.

// ==UserScript==
// @name         X (Twitter) Feed to Markdown with Auto-Scroll
// @namespace    http://tampermonkey.net/
// @version      1.6
// @description  Extracts content from the X (Twitter) feed and converts it to a clean Markdown format, with an added direct auto-scroll feature.
// @match        https://x.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // --- 状态变量 ---
    let isMonitoring = false;
    let collectedTweets = new Map(); // 用于存储收集到的推文数据
    let observer;
    let isAutoScrolling = false;
    let scrollIntervalId = null;

    // --- 创建UI按钮 ---
    const markdownButton = document.createElement('button');
    markdownButton.textContent = '开始转换Markdown';
    Object.assign(markdownButton.style, {
        position: 'fixed',
        top: '10px',
        right: '10px',
        zIndex: '9999',
        padding: '8px 16px',
        backgroundColor: '#1DA1F2',
        color: 'white',
        border: 'none',
        borderRadius: '5px',
        cursor: 'pointer',
        fontSize: '14px'
    });
    document.body.appendChild(markdownButton);
    markdownButton.addEventListener('click', toggleMonitoring);

    const scrollButton = document.createElement('button');
    scrollButton.textContent = '开始自动滚动';
    Object.assign(scrollButton.style, {
        position: 'fixed',
        top: '55px',
        right: '10px',
        zIndex: '9999',
        padding: '8px 16px',
        backgroundColor: '#28a745',
        color: 'white',
        border: 'none',
        borderRadius: '5px',
        cursor: 'pointer',
        fontSize: '14px'
    });
    document.body.appendChild(scrollButton);
    scrollButton.addEventListener('click', toggleAutoScroll);

    // --- 自动滚动功能 ---
    function performScroll() {
        window.scrollBy(0, 400);
        console.log('Auto-scroll: Scrolled down by 400px.');
    }

    function toggleAutoScroll() {
        if (isAutoScrolling) {
            clearInterval(scrollIntervalId);
            scrollIntervalId = null;
            isAutoScrolling = false;
            scrollButton.textContent = '开始自动滚动';
            scrollButton.style.backgroundColor = '#28a745';
            console.log('自动滚动已停止。');
        } else {
            isAutoScrolling = true;
            scrollIntervalId = setInterval(performScroll, 500);
            scrollButton.textContent = '停止自动滚动';
            scrollButton.style.backgroundColor = '#dc3545';
            console.log('自动滚动已开始...');
        }
    }

    // --- Markdown转换核心功能 ---
    function toggleMonitoring() {
        if (isMonitoring) {
            stopMonitoring();
            displayCollectedTweets();
        } else {
            startMonitoring();
        }
    }

    function startMonitoring() {
        isMonitoring = true;
        markdownButton.textContent = '停止并导出Markdown';
        markdownButton.style.backgroundColor = '#FF4136';
        collectedTweets.clear();
        console.log("开始监控推文...");

        document.querySelectorAll('article[data-testid="tweet"]').forEach(processTweet);

        const config = { childList: true, subtree: true };
        observer = new MutationObserver(mutations => {
            for (const mutation of mutations) {
                if (mutation.addedNodes.length) {
                    mutation.addedNodes.forEach(node => {
                        if (node.nodeType === Node.ELEMENT_NODE) {
                            if (node.matches('article[data-testid="tweet"]')) {
                                processTweet(node);
                            }
                            node.querySelectorAll('article[data-testid="tweet"]').forEach(processTweet);
                        }
                    });
                }
            }
        });
        observer.observe(document.body, config);
    }

    function stopMonitoring() {
        isMonitoring = false;
        markdownButton.textContent = '开始转换Markdown';
        markdownButton.style.backgroundColor = '#1DA1F2';
        if (observer) {
            observer.disconnect();
        }
        console.log("停止监控。");
    }

    /**
     * 【已修改】处理单个推文元素，提取数据并存入 collectedTweets
     */
    function processTweet(tweet) {
        // 忽略广告或推广推文
        if (tweet.querySelector('[data-testid="promotedTweet"]')) return;
        const timeElement = tweet.querySelector('time[datetime]');
        if (timeElement && timeElement.closest('div[data-testid="User-Name"]')?.nextElementSibling?.textContent?.includes('Ad')) {
            return;
        }

        const tweetData = formatTweet(tweet);
        // tweetData 现在是一个包含 markdown, url, 和 postTime 的对象
        if (tweetData && tweetData.url && !collectedTweets.has(tweetData.url)) {
            collectedTweets.set(tweetData.url, tweetData);
        }
    }

    /**
     * 【已修改】显示收集到的推文，排序逻辑已更新
     */
    function displayCollectedTweets() {
        if (collectedTweets.size === 0) {
            alert('没有收集到任何推文。');
            return;
        }

        // 1. 直接使用对象中的 postTime 属性进行排序，不再依赖于Markdown文本格式
        const sortedTweetsData = Array.from(collectedTweets.values()).sort((a, b) => {
            const timeA = new Date(a.postTime);
            const timeB = new Date(b.postTime);
            return timeB - timeA; // 按时间降序排列（最新的在前面）
        });

        // 2. 从排序后的对象数组中提取 markdown 文本
        const markdownArray = sortedTweetsData.map(tweetData => tweetData.markdown);

        // 3. 用分隔符连接所有推文的Markdown
        const markdownOutput = markdownArray.join('\n\n---\n\n');
        const newWindow = window.open('', '_blank');
        newWindow.document.write('<pre style="white-space: pre-wrap; word-wrap: break-word; padding: 10px;">' + markdownOutput.replace(/</g, "&lt;").replace(/>/g, "&gt;") + '</pre>');
        newWindow.document.title = 'Twitter Feed as Markdown';
    }

    function extractTextContent(element) {
        if (!element) return '';
        let text = '';
        element.childNodes.forEach(node => {
            if (node.nodeType === Node.ELEMENT_NODE) {
                if (node.tagName === 'IMG') { // 处理表情符号图片
                    text += node.alt;
                } else if (node.tagName === 'A') { // 处理链接
                    const url = node.href;
                    if (!url.includes('/photo/') && !url.includes('/video/')) {
                        text += `[${node.textContent}](${url})`;
                    }
                } else {
                    text += node.textContent;
                }
            } else {
                text += node.textContent;
            }
        });
        return text.trim();
    }

    /**
     * 【已修改】格式化单个推文，按新格式生成Markdown，并返回一个包含完整数据的对象
     */
    function formatTweet(tweet) {
        const timeElement = tweet.querySelector('time');
        if (!timeElement) return null;

        const linkElement = timeElement.closest('a');
        if (!linkElement) return null;

        const tweetUrl = 'https://x.com' + linkElement.getAttribute('href');
        const authorHandle = `@${tweetUrl.split('/')[3]}`;
        const postTime = timeElement.getAttribute('datetime');

        const mainContentElement = tweet.querySelector('div[data-testid="tweetText"]');
        const mainContent = mainContentElement ? extractTextContent(mainContentElement) : '';

        // --- 提取推文的各个组成部分 ---

        // 引用推文
        let quoteContent = '';
        const quoteHeader = Array.from(tweet.querySelectorAll('span')).find(s => s.textContent === 'Quote');
        if (quoteHeader) {
            const quoteContainer = quoteHeader.parentElement.nextElementSibling;
            if (quoteContainer && quoteContainer.getAttribute('role') === 'link') {
                const quoteAuthorEl = quoteContainer.querySelector('[data-testid="User-Name"]');
                const quoteAuthor = quoteAuthorEl ? quoteAuthorEl.textContent.replace(/\n/g, ' ').replace(/\s+/g, ' ').trim() : '未知作者';
                const quoteTextEl = quoteContainer.querySelector('div[lang]');
                const quoteText = quoteTextEl ? extractTextContent(quoteTextEl) : '';
                if(quoteText) {
                    const quoteLines = `**${quoteAuthor}**: ${quoteText}`.split('\n');
                    quoteContent = `\n\n${quoteLines.map(line => `> ${line}`).join('\n> ')}`;
                }
            }
        }

        // 分享的链接卡片
        let sharedLink = '';
        const cardWrapper = tweet.querySelector('[data-testid="card.wrapper"]');
        if (cardWrapper) {
            const cardLinkEl = cardWrapper.querySelector('a');
            if (cardLinkEl) {
                const cardUrl = cardLinkEl.href;
                const detailContainer = cardWrapper.querySelector('[data-testid$="detail"]');
                let cardTitle = '';
                if (detailContainer) {
                    const spans = detailContainer.querySelectorAll('span');
                    cardTitle = spans.length > 1 ? spans[1].textContent : '链接';
                } else {
                    const largeMediaTitleEl = cardWrapper.querySelector('div[class*="r-fdjqy7"] span');
                    cardTitle = largeMediaTitleEl ? largeMediaTitleEl.textContent : '链接';
                }
                // 修改了分享链接的格式，不再是列表项
                sharedLink = `\n\n**分享链接**: [${cardTitle.trim()}](${cardUrl})`;
            }
        }

        // 转推信息
        let repostedBy = '';
        const socialContext = tweet.querySelector('[data-testid="socialContext"]');
        if (socialContext && socialContext.textContent.toLowerCase().includes('reposted')) {
            repostedBy = `> *由 ${socialContext.textContent.replace(/reposted/i, '').trim()} 转推*\n\n`;
        }

        // 主题帖（串推）提示
        let threadIndicator = '';
        const hasThreadLink = Array.from(tweet.querySelectorAll('a[role="link"] span')).some(span => span.textContent === 'Show this thread' || span.textContent === '显示此主题帖');
        if (hasThreadLink) {
            // 修改了主题帖提示的格式，不再是列表项
            threadIndicator = `*这是一个主题帖*\n\n`;
        }

        // --- 按照新的要求组合 Markdown ---

        // 1. 将所有内容部分（转推、主题帖、正文、引用、链接）组合成一个单独的块
        const contentBlock = `${repostedBy}${threadIndicator}${mainContent}${quoteContent}${sharedLink}`;

        // 2. 构建最终的 Markdown 字符串，采用新的无标签格式
        let markdown = `- ${tweetUrl}\n`;
        markdown += `- ${authorHandle}\n`;
        markdown += `- ${postTime}\n`;
        // 只有当内容块不为空时，才添加内容
        if (contentBlock.trim()) {
            markdown += `\n${contentBlock.trim()}`;
        }

        // 3. 返回一个包含所有需要的数据的对象，特别是 postTime 用于排序
        return {
            url: tweetUrl,
            markdown: markdown,
            postTime: postTime
        };
    }
})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址