Weibo GitHub Link Extractor

在微博正文中提取github.com下的网址,并在页面上显示一个带超链接的按钮,点击能够跳转到对应的网址上去。

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey to install this script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         Weibo GitHub Link Extractor
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  在微博正文中提取github.com下的网址,并在页面上显示一个带超链接的按钮,点击能够跳转到对应的网址上去。
// @author       flaging
// @match        https://www.weibo.com
// @match        https://weibo.com/*
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // 创建一个按钮
    const button = document.createElement('button');
    button.textContent = '查看GitHub链接';
    button.style.marginLeft = '10px'; // 添加一些左边距,以便按钮不会紧贴着前面的元素
    button.style.display = 'none'; // 默认隐藏

    // 等待页面加载完成
    window.addEventListener('load', function() {
        // 找到目标元素
        const targetElement = document.querySelector('.detail_wbtext_4CRf9');
        if (targetElement) {
            // 将按钮插入到目标元素之后
            targetElement.parentNode.insertBefore(button, targetElement.nextSibling);
        }

        // 使用 MutationObserver 监听 DOM 变化
        var observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.type === 'childList') {
                    // 提取GitHub链接
                    extractGitHubLinks();
                }
            });
        });

        // 开始观察 body 元素及其子元素的变化
        observer.observe(document.body, { childList: true, subtree: true });

        // 提取正文中的github链接
        function extractGitHubLinks() {
            const contents = document.querySelectorAll('.detail_wbtext_4CRf9'); // 微博正文内容
            let githubLinks = [];

            contents.forEach(content => {
                const text = content.textContent;
                // const links = text.match(/(github\.com\S*)/g) || text.match(/([\w.-]*\.github\.io[/?\w.-]*)/g) || [];
                const links = text.match(/(github\.com[/?\w.-]*)/g) || text.match(/([\w.-]*\.github\.io[/?\w.-]*)/g) || [];
                if (links.length > 0) {
                    links.forEach(link=>{
                        if (link.includes('github')) {
                            //console.log(link)
                            githubLinks = githubLinks.concat(link);
                        }
                    });
                }
            });
            //console.log(githubLinks);
            console.log(button.style.display);

            if (githubLinks.length > 0 && button.style.display == 'none') {
                button.style.display = 'inline-block';
                button.onclick = () => {
                    window.open('https://'+githubLinks[0], '_blank');
                };
                window.open('https://'+githubLinks[0]);
            } else {
                console.log('link:'+githubLinks[0]);
            }
        }
    });
})();