查了一下 IP位于美国加利福尼亚桑格
使用的是 Linuxdo vpn…
关于给l加一个炫酷背景的计划很早就开始了 今天总算是简单加工一下
// ==UserScript==
// @name Linux.do 星空主题增强
// @namespace http://tampermonkey.net/
// @version 1.0
// @description 为 Linux.do 网站添加炫酷的星空背景和样式优化
// @author 星缘
// @match https://linux.do/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 创建样式
const style = document.createElement('style');
style.textContent = `
body {
background-color: #0f0f0f;
color: #ffffff;
font-family: 'Roboto', Arial, sans-serif;
}
.stars {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}
.star {
position: absolute;
background-color: #ffffff;
border-radius: 50%;
animation: twinkle 5s infinite;
}
@keyframes twinkle {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
.star-small { width: 1px; height: 1px; }
.star-medium { width: 2px; height: 2px; }
.star-large { width: 3px; height: 3px; }
.logo {
display: inline-block;
margin: 20px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: transform 0.3s ease;
}
.logo:hover {
transform: scale(1.1);
}
h1 {
font-size: 2.5em;
text-align: center;
margin-top: 50px;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
animation: glow 2s ease-in-out infinite alternate;
}
@keyframes glow {
from { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de; }
to { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; }
}
.search-container {
display: flex;
justify-content: center;
margin-top: 30px;
}
.search-input {
padding: 10px;
width: 300px;
border: none;
border-radius: 5px 0 0 5px;
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
transition: all 0.3s ease;
}
.search-input:focus {
outline: none;
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.search-button {
padding: 10px 20px;
border: none;
border-radius: 0 5px 5px 0;
background-color: #007bff;
color: #ffffff;
cursor: pointer;
transition: all 0.3s ease;
}
.search-button:hover {
background-color: #0056b3;
transform: scale(1.05);
}
.main-content {
max-width: 800px;
margin: 30px auto;
padding: 20px;
background-color: rgba(255, 255, 255, 0.05);
border-radius: 10px;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.main-content:hover {
transform: translateY(-5px);
box-shadow: 0 5px 30px rgba(255, 255, 255, 0.2);
}
a {
color: #007bff;
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: #0056b3;
text-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.topic {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
transition: all 0.3s ease;
}
.topic:hover {
background-color: rgba(255, 255, 255, 0.1);
transform: translateX(5px);
}
`;
document.head.appendChild(style);
// 创建星空背景
const starsContainer = document.createElement('div');
starsContainer.className = 'stars';
document.body.prepend(starsContainer);
function createStars(count) {
for (let i = 0; i < count; i++) {
const star = document.createElement('div');
star.className = `star star-${['small', 'medium', 'large'][Math.floor(Math.random() * 3)]}`;
star.style.left = `${Math.random() * 100}%`;
star.style.top = `${Math.random() * 100}%`;
star.style.animationDelay = `${Math.random() * 5}s`;
starsContainer.appendChild(star);
}
}
createStars(200);
// 增强页面交互
function enhancePageInteraction() {
// 为主题添加悬停效果
const topics = document.querySelectorAll('.topic');
topics.forEach(topic => {
topic.classList.add('topic');
});
// 为logo添加动画效果
const logo = document.querySelector('.logo');
if (logo) {
logo.classList.add('logo');
}
// 优化搜索框
const searchInput = document.querySelector('input[type="search"]');
const searchButton = document.querySelector('button[type="submit"]');
if (searchInput && searchButton) {
searchInput.classList.add('search-input');
searchButton.classList.add('search-button');
searchButton.textContent = '搜索';
}
}
// 页面加载完成后执行增强功能
window.addEventListener('load', enhancePageInteraction);
})();
实测:背景没有 不过主题标语给了一个彩色变色特效 (我的破烂手机带不动这个特效 非常卡 )
效果视频:Gofile - Your all-in-one storage solution
