由脚本自动发布至SP Git 更新日志详见log.starpixel.club

This commit is contained in:
2026-03-20 21:14:40 +08:00
commit 3eb7676dac
9 changed files with 339 additions and 0 deletions

230
index.html Normal file
View File

@@ -0,0 +1,230 @@
<!--
星像素® - Starpixel
Copyright © 2026 星像素® Starpixel. 保留一切权利
Author: 陨星y
Time: NaN
Build: null
-->
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<script>
const _time = Date.now();
</script>
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<title>Starpixel - unset</title>
<script type="module" crossorigin src="/assets/index-KFqvYqIH.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BRZLJsOS.css">
</head>
<body>
<div id="load" class="load">
<div class="load-panel bg left"></div>
<div class="load-panel bg right"></div>
<div class="load-panel left"></div>
<div class="load-panel right"></div>
<div class="load-center">
<div class="load-logo" aria-hidden="true"></div>
<div class="load-progress">
<div class="bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
<div class="fill load-fill" style="width:0%"></div>
</div>
<div class="percent load-percent">0%</div>
</div>
</div>
</div>
<div>
<div class="container">
<section>
<div class="nav">
<div class="nav-links">
<a href="#home" title="首页" set-current-index="0">
<i class="fas fa-home"></i>
</a>
<a href="#about" title="关于" set-current-index="1">
<i class="fas fa-info-circle"></i>
</a>
<a href="#sites" title="相关站点" set-current-index="2">
<i class="fas fa-globe"></i>
</a>
</div>
</div>
<div class="section home-section" id="home">
<div class="line angle_line"></div>
<div class="line straight_line"></div>
<div class="home-section-left">
<div class="title">
<h1>STARPIXEL</h1>
<div class="subtitle">
<p>- 好久不见 -</p>
</div>
</div>
<div class="home-btn">
<div class="btn download-btn" onclick="jumpto('download')">下载中心</div>
<div class="btn help-btn" onclick="jumpto('doc')">帮助中心</div>
</div>
</div>
<div class="home-section-right">
<div class="home-logo">
<div class="home-border-1"></div>
<div class="home-border-2"></div>
<div class="home-logo-img">
<img src="/icon.svg" alt="Logo">
</div>
</div>
<div class="home-slogan">
<h4 id="home-slogan">点亮每个像素 成就璀璨星空</p>
</div>
</div>
<div class="home-show">
<!-- <div class="home-show-item">
<div class="home-show-item-img">
<img src="/icon.svg" alt="item_logo">
</div>
<div class="home-show-item-name">Starpixel</div>
</div> -->
<p>暂无展示内容</p>
</div>
<div class="down-arrow">
<i class="fas fa-arrow-down"></i>
<p>SCROLL</p>
</div>
</div>
<div class="section about-section" id="about">
<div class="line straight_line_X"></div>
<div class="line straight_line_Y"></div>
<div class="line color_line_1"></div>
<div class="line color_line_2"></div>
<div class="line color_line_3"></div>
<div class="head">
<h2>ABOUT</h2>
<p>- 关于本站 -</p>
</div>
<div class="content">
<p>星像素® Starpixel 是一个在Internet不起眼的角落里生存的小站这里是创意与梦想的交汇点。</p><br>
<p>本站致力于服务大众,为每个人提供简单易上手的服务。站长也曾是从此阶段一步一步走过来的,非常清楚新手时期与电脑小白的需求与痛点。</p><br>
<p>用爱发电 · 用心创造,这是站长一直铭记于心的 slogan。</p><br>
<p>本站首次在2020年开发经过多次改版重构学习新技术后于2022年正式上线 v1 版本。本介绍书写于2026年3月份这是站长在进行 v3 版本的主站开发时突现的灵感,经过多次删删改改也是上线了这版介绍
</p>
<br>
<p>对于 v2 版本的开发,其实是站长心里一直都过不去的坎。因为 v2 开发时 AI 盛行,就多次借用了工具进行开发,这违背了我自己的初衷,所以 v3 版本能够出现也是跟这个原因脱不了干系。TvT</p><br>
<p>站长创建本站的初衷是希望大部分人能够更加轻松地使用当代技术。</p><br>
<p>本站以后将会主力开发辅助类的软件,编写大众级软件的教程和分享站长个人多年以来的经验。</p><br>
<p>站长认为,每一个微小的创意,都是夜空中独一无二的像素点,像素点日积月累,最终成就璀璨星空。</p><br>
<p>点亮每个像素,成就璀璨星空。</p>
</div>
</div>
<div class="section sites-section" id="sites">
<div class="head">
<h2>SITES</h2>
<p>- 相关站点 -</p>
</div>
<div class="content">
</div>
</div>
</section>
<div class="footer" id="foot">
<div class="footer-top">
<div class="footer-logo">
<div class="logo-wrapper">
<img src="/icon.svg" alt="Logo" width="40px" height="40px" class="logo-icon">
<span class="logo-text">星像素® Starpixel</span>
</div>
<div class="logo-tagline">
<p>用爱发电 · 用心创造</p>
<p>一个在Internet不起眼的角落里生存的小站</p>
<p>这里是创意与梦想的交汇点</p>
<p>点亮每个像素,成就璀璨星空。</p>
</div>
</div>
<div class="footer-info">
<h3>站点信息</h3>
<ul class="info-links">
<li>开发/维护: 陨星y</li>
<li>版本: <span id="version">获取失败</span></li>
<li>QQ: 1163246049</li>
<li>解析: 北京</li>
<li title="本数据取决于用户网络">服务响应: <span id="ping">获取中...</span></li>
</ul>
<div class="contact-details">
<div class="contact-item"><i class="fas fa-envelope"></i><a style="text-decoration: none; color: unset"
href="mailto:xiaoyong@starpixel.club">xiaoyong@starpixel.club</a></div>
<div class="contact-item"><i class="fab fa-weixin"></i><span>wx_zy0202</span></div>
</div>
</div>
<div class="footer-social">
<div class="social-section">
<h3>社交网络</h3>
<div class="social-links">
<a href="https://space.bilibili.com/318582773" aria-label="BiliBili"><i class="fab fa-bilibili"></i></a>
<a href="https://github.com/xiaoyongyong666" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="https://www.douyin.com/user/MS4wLjABAAAAn8yxpPToZi0edEB3qanDgtm9T9ne8gKWo9_pvuEi6B8"
aria-label="Douyin"><i class="fab fa-tiktok"></i></a>
</div>
<p style="font-size:0.85rem; color:#8193b0; margin-top: 1rem;">
<i class="fas fa-share-alt" style="margin-right:4px;"></i> 随时随地,保持连接
</p>
</div>
<!-- 数据统计直接放在footer-social内位于社交网络下方 -->
<div class="stats-section">
<h3>数据统计</h3>
<div class="stat-item-container">
<div class="stat-item">
<i class="fas fa-download"></i>
<span class="stat-number" id="workCount">获取中</span>
<span class="stat-label">作品数量</span>
</div>
<div class="stat-item">
<i class="fas fa-users"></i>
<span class="stat-number" id="viewCount">获取中</span>
<span class="stat-label">总阅览量</span>
</div>
<div class="stat-item">
<i class="fas fa-clock"></i>
<span class="stat-number" id="uptime">获取中</span>
<span class="stat-label">在线天数</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-icp">
<a href="https://beian.miit.gov.cn/" target="_blank" id="beian">黑ICP备2025046683号-1</a>
</div>
<div class="footer-copyright">Copyright &copy; 2022 - 2026 星像素® Starpixel. 保留一切权利。</div>
</div>
</div>
</body>
</html>