Add keyword search functionality
目前為
// ==UserScript==
// @name linuxdo keywords search
// @namespace http://tampermonkey.net/
// @version 1.2
// @author chx_1126
// @description Add keyword search functionality
// @license Apache-2.0
// @icon https://linux.do/uploads/default/optimized/3X/9/d/9dd49731091ce8656e94433a26a3ef36062b3994_2_32x32.png
// @match *://linux.do/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 定义关键词列表
const allKeywords = [
'FLUX', '免费', '教程', '无偿', 'vps', '美团', 'API', 'FOFA',
'Serv00', '上学', 'edu', 'clash', 'gemini', 'CF', '注册(不可用)',
'cocopliot', '节点', '机场', 'gpt', '甲骨文', 'oracle', 'idea',
'oai pro', 'claude', 'cursor', 'PyCharm', '绘画', '机场推荐',
'vpn', '密码管理器', 'Azure', 'cloudflare', '图床', '模型',
'云服务', 'prompt', '网盘资源', '服务器', '小鸡', '龟壳',
'YouTube', 'b站', '脚本', 'Python', 'JavaScript', 'java',
'文章集合', '破解', 'JetBrains', '公益', '域名', '技巧',
'逆向', 'open WebUI', '代理', 'tg', 'DeepL', '订阅',
'cloudns', 'chatbot', '插件', 'alist', '群晖', '资源',
'硅基流动', '博客', '2024', '提示词', '工具', 'v2ray',
'邮箱', '签到'
];
// 创建关键词div
function createKeywordDiv() {
const keywordDiv = document.createElement('div');
keywordDiv.id = 'keyword-search-container';
keywordDiv.style.cssText = `
display: none;
position: absolute;
background-color: white;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
width: ${window.innerWidth <= 768 ? '90%' : '550px'};
max-width: 300px;
padding: 10px;
z-index: 1000;
max-height: 75vh;
overflow-y: auto;
`;
const headerContainer = document.createElement('div');
headerContainer.style.cssText = `
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
`;
const titleSpan = document.createElement('span');
titleSpan.textContent = '快捷关键词';
titleSpan.style.cssText = `
font-weight: bold;
color: #333;
font-size: 16px;
`;
const keywordContainer = document.createElement('div');
keywordContainer.style.cssText = `
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
`;
// 渲染所有关键词
function renderKeywords() {
keywordContainer.innerHTML = '';
allKeywords.forEach(keyword => {
const keywordSpan = document.createElement('span');
keywordSpan.innerHTML = `<code style="
background-color: #e0f7fa;
border-radius: 4px;
padding: 4px 8px;
margin: 2px;
font-family: 'Courier New', monospace;
border: 1px solid #b2ebf2;
font-size: 12px;
color: #00796b;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s, transform 0.3s;
">🔍 ${keyword}</code>`;
keywordSpan.style.cssText = `
display: inline-block;
cursor: pointer;
transition: transform 0.2s;
`;
keywordSpan.addEventListener('click', () => {
window.location.href = `https://linux.do/search?q=${keyword}`;
});
keywordSpan.addEventListener('touchstart', (e) => {
e.currentTarget.style.transform = 'scale(1.05)';
e.currentTarget.querySelector('code').style.backgroundColor = '#b2ebf2';
});
keywordSpan.addEventListener('touchend', (e) => {
e.currentTarget.style.transform = 'scale(1)';
e.currentTarget.querySelector('code').style.backgroundColor = '#e0f7fa';
});
keywordContainer.appendChild(keywordSpan);
});
}
// 初始渲染
renderKeywords();
headerContainer.appendChild(titleSpan);
keywordDiv.appendChild(headerContainer);
keywordDiv.appendChild(keywordContainer);
return keywordDiv;
}
// 初始化脚本
function initScript() {
// 确保只在特定页面运行
if (!window.location.href.includes('linux.do')) return;
const searchContainer = document.querySelector('.search-input');
if (!searchContainer) return;
// 检查是否已经添加过按钮
if (document.getElementById('keyword-tag-button')) return;
// 创建关键词按钮
const keywordButton = document.createElement('button');
keywordButton.id = 'keyword-tag-button';
keywordButton.innerHTML = '🏷️';
keywordButton.style.cssText = `
margin-left: 10px;
background: none;
border: none;
cursor: pointer;
font-size: 18px;
touch-action: manipulation `;
// 创建关键词div
const keywordDiv = createKeywordDiv();
document.body.appendChild(keywordDiv);
// 切换关键词div显示
function toggleKeywordDiv(show) {
const isVisible = show !== undefined ? show : keywordDiv.style.display !== 'block';
if (isVisible) {
const searchContainer = document.querySelector('.search-input');
const searchContainerRect = searchContainer.getBoundingClientRect();
const buttonRect = keywordButton.getBoundingClientRect();
// 计算绝对位置
const topOffset = searchContainerRect.bottom + window.scrollY + 10;
const leftOffset = searchContainerRect.left + window.scrollX;
keywordDiv.style.position = 'absolute';
keywordDiv.style.top = `${topOffset}px`;
keywordDiv.style.left = `${leftOffset}px`;
keywordDiv.style.width = `${searchContainerRect.width}px`;
}
keywordDiv.style.display = isVisible ? 'block' : 'none';
document.body.style.overflow = isVisible ? 'hidden' : '';
}
// 添加触摸和点击事件
keywordButton.addEventListener('click', (e) => {
e.stopPropagation();
toggleKeywordDiv();
});
// 点击页面其他区域关闭
document.addEventListener('click', (e) => {
if (!keywordDiv.contains(e.target) && e.target !== keywordButton) {
toggleKeywordDiv(false);
}
});
// 阻止关键词div内部点击事件冒泡
keywordDiv.addEventListener('click', (e) => {
e.stopPropagation();
});
// 移动端兼容性处理
function handleMobileAdaptation() {
const isMobile = window.innerWidth <= 768;
if (isMobile) {
keywordButton.style.fontSize = '16px';
// 移动端输入框调整
const searchInput = document.getElementById('search-term');
if (searchInput) {
searchInput.style.fontSize = '16px';
searchInput.style.padding = '8px';
}
// 调整关键词div宽度
keywordDiv.style.width = '90%';
keywordDiv.style.left = '5%';
keywordDiv.style.maxWidth = '260px';
} else {
keywordDiv.style.width = '580px';
keywordDiv.style.maxWidth = '580px';
}
}
// 添加按钮到搜索容器
searchContainer.appendChild(keywordButton);
// 处理移动端适配
handleMobileAdaptation();
window.addEventListener('resize', handleMobileAdaptation);
// 添加滚动事件处理
window.addEventListener('scroll', () => {
if (keywordDiv.style.display === 'block') {
const searchContainer = document.querySelector('.search-input');
const searchContainerRect = searchContainer.getBoundingClientRect();
const buttonRect = keywordButton.getBoundingClientRect();
// 重新计算绝对位置
const topOffset = searchContainerRect.bottom + window.scrollY + 10;
const leftOffset = searchContainerRect.left + window.scrollX;
keywordDiv.style.position = 'absolute';
keywordDiv.style.top = `${topOffset}px`;
keywordDiv.style.left = `${leftOffset}px`;
keywordDiv.style.width = `${searchContainerRect.width}px`;
}
});
}
// 使用 MutationObserver 监听页面变化
const observer = new MutationObserver((mutations) => {
for (let mutation of mutations) {
if (mutation.type === 'childList') {
initScript();
break;
}
}
});
// 配置观察选项
const config = {
childList: true,
subtree: true
};
// 开始观察
observer.observe(document.body, config);
// 页面加载后初始化
window.addEventListener('load', initScript);
// 添加触摸事件支持
document.addEventListener('touchstart', (e) => {
// 可以在这里添加一些触摸事件的全局处理
}, { passive: false });
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址