Domů Procházet Nápověda
Registrovat se Přihlásit se
xksyu2021
/
XksyuWebPage
1
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Procházet zdrojové kódy

update

XKSYU2021 před 1 měsícem
revize
46b864add1
17 změnil soubory, kde provedl 587 přidání a 0 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 26 0
      404.html
  2. 26 0
      blog.html
  3. 85 0
      index.html
  4. binární
      lib/font/enA.ttf
  5. binární
      lib/font/enB.ttf
  6. binární
      lib/font/zhA.woff
  7. binární
      lib/font/zhA_main.woff2
  8. binární
      lib/font/zhA_tool.woff2
  9. binární
      lib/img/block1.png
  10. binární
      lib/img/block2.png
  11. binární
      lib/img/block3.png
  12. 188 0
      lib/main.css
  13. 57 0
      lib/project.css
  14. 36 0
      lib/tool.css
  15. 70 0
      project.html
  16. 40 0
      tool.html
  17. 59 0
      tool/joke.html

+ 26 - 0
404.html
Zobrazit soubor 

@@ -0,0 +1,26 @@
 
+<!DOCTYPE html>
 
+<meta charset="utf-8">
 
+<html>
 
+<head>
 
+    <title>查无此页 | 夏空拾雨小站</title>
 
+    <link rel="stylesheet" type="text/css" href="./lib/main.css?1.1.0">
 
+    <base href="/">
 
+</head>
 
+<body>
 
+    <div class="page404">
 
+        <h1>没有这个页面...qwq&nbsp;</h1>
 
+        <div class="text">  
+            <p>坏了，真的没有...&nbsp;&nbsp;&nbsp;</p>
 
+            <button onclick="window.location.href='./index.html'" class="buttonA">点这里返回主页喵</button>
 
+        </div>
 
+    </div>
 
+    <div class="footer">
 
+        夏空拾雨小站 wxp &copy; 2025
 
+        <br>
 
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener">蜀ICP备2025166785号-1</a>
 
+        |
 
+        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502001154" target="_blank" rel="noreferrer noopener">豫公网安备41030502001154号
 
+        </a>
 
+    </div>
 
+</body>
 
+</html>

+ 26 - 0
blog.html
Zobrazit soubor 

@@ -0,0 +1,26 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>  
+        <meta charset="utf-8">
 
+        <link rel="stylesheet" type="text/css" href="./lib/main.css?v1.1.0">
 
+        <link rel="stylesheet" type="text/css" href="./lib/project.css?v1.0.2">
 
+        <title>教程 | 夏空拾雨小站</title>
 
+        <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+    </head>
 
+
 
+    <div class="header">
 
+        <h1 onclick="window.location.href='./index.html'" style="cursor: pointer;">夏空拾雨小站</h1>
 
+        <a href="./project.html">项目</a>
 
+        <a href="./blog.html">教程</a>
 
+        <a href="./tool.html">工具</a>
 
+    </div>
 
+
 
+    <div class="footer">
 
+        夏空拾雨小站 wxp &copy; 2025
 
+        <br>
 
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener">蜀ICP备2025166785号-1</a>
 
+        |
 
+        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502001154" target="_blank" rel="noreferrer noopener">豫公网安备41030502001154号
 
+        </a>
 
+    </div>
 
+</html>

+ 85 - 0
index.html
Zobrazit soubor 

@@ -0,0 +1,85 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>  
+    <meta charset="utf-8">
 
+    <link rel="stylesheet" type="text/css" href="./lib/main.css?v1.1.0">
 
+    <title>主页 | 夏空拾雨小站</title>
 
+    <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+</head>
 
+
 
+<body>
 
+    <div class="header">
 
+        <h1 onclick="window.location.href='./index.html'" style="cursor: pointer;">夏空拾雨小站</h1>
 
+        <a href="./project.html">项目</a>
 
+        <a href="./blog.html">教程</a>
 
+        <a href="./tool.html">工具</a>
 
+    </div>
 
+
 
+    <div class="main">
 
+        <div class="text">
 
+            <div class="textA">流年未止&nbsp;&nbsp;&nbsp;未来可期</div>
 
+            <div class="textB">The story continues.</div>
 
+        </div>
 
+        <br>
 
+        <button onclick="window.location.href='https://github.com/xksyu2021'" class="buttonA">GitHub</button>
 
+        <button onclick="window.location.href='mailto:xksyu2021@gmail.com'" class="buttonB">电子邮箱</button>
 
+    </div>
 
+
 
+    <div class="background">
 
+        <div class="projects">
 
+            <h2>正在进行 :</h2>
 
+            <div class="blocks">
 
+                <div class="inner" onclick="window.location.href='./project.html#bdsUi'" style="cursor: pointer;">
 
+                    <img src="./lib/img/block1.png">
 
+                    <h1>&nbsp;UI for BDS</h1>
 
+                    <p>Minecraft基岩版服务端的图形化界面。该软件包含配置调整、文件操作等功能，并利用进程间匿名管道实现命令快捷发送。</p>
 
+                </div>
 
+                <div class="inner" onclick="window.location.href='./blog.html'" style="cursor: pointer;">
 
+                    <img src="./lib/img/block2.png">
 
+                    <h1>&nbsp;Winter Sunlight</h1>
 
+                    <p>编程、计算机、Minecraft心得与快速参考文档。</p>
 
+                </div>
 
+                <div class="inner" onclick="window.location.href='./project.html#sS'" style="cursor: pointer;">
 
+                    <img src="./lib/img/block3.png">
 
+                    <h1>&nbsp;Sharp Sword</h1>
 
+                    <p>（已立项）Windows平台校园网连接向导程序。简明步骤协助网络连接，多种功能解决网络问题。</p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="info">
 
+        一名计算机系大学生。创建这个网站，主要是为了练习HTML、CSS等等网页制作技术。在这里，我也会记录各种各样，奇奇怪怪的项目和经验。<br>
 
+        许多年前开始接触Minecraft，在这个“图灵完备”的世界，游戏社区创造了许多有趣甚至惊人的作品———我也愿有一天可以参与其中。尽管大型项目还遥不可及，但利用Win32API写一些界面，或是做一些入门级的游戏教程，也是不错的开始。<br>
 
+        计算机知识，一直是我的兴趣所在。闲暇时，我也会写一些小工具，小程序。比如说计算器、联网向导......放在这里，或许也是一种成长的记录。不知道几年之后，再回头读现在写的代码，会不会觉得当时学的真少，每一行都不知所云呢？<br>
 
+        <div class="quote">
 
+            路漫漫其修远兮，吾将上下而求索。<br>
 
+            去飞吧，就算迷茫也不要停下。
 
+        </div>
 
+    </div>
 
+
 
+    <div class="background">
 
+        <div class="news">
 
+            <h2>最新动态 :</h2>
 
+            <h3>
 
+                &bull;2025.11.10&nbsp;&nbsp;&nbsp;各主要页面布局完成。
 
+            </h3>
 
+            <p>
 
+                &bull;2025.11.7&nbsp;&nbsp;&nbsp;主页及其CSS基本完成。
 
+                &bull;2025.11.6&nbsp;&nbsp;&nbsp;开始建站。
 
+                &bull;2025.10&nbsp;&nbsp;&nbsp;备案通过。
 
+            </p>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="footer">
 
+        夏空拾雨小站 wxp &copy; 2025
 
+        <br>
 
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener">蜀ICP备2025166785号-1</a>
 
+        |
 
+        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502001154" target="_blank" rel="noreferrer noopener">豫公网安备41030502001154号
 
+        </a>
 
+    </div>
 
+</body>
 
+
 
+</html>

binární
lib/font/enA.ttf
Zobrazit soubor


binární
lib/font/enB.ttf
Zobrazit soubor


binární
lib/font/zhA.woff
Zobrazit soubor


binární
lib/font/zhA_main.woff2
Zobrazit soubor


binární
lib/font/zhA_tool.woff2
Zobrazit soubor


binární
lib/img/block1.png
Zobrazit soubor


binární
lib/img/block2.png
Zobrazit soubor


binární
lib/img/block3.png
Zobrazit soubor


+ 188 - 0
lib/main.css
Zobrazit soubor 

@@ -0,0 +1,188 @@
 
+@font-face {
 
+    font-family: 'ENFA';
 
+    src: url('./font/enA.ttf') format('truetype');
 
+    unicode-range: U+0000-007F;
 
+}
 
+@font-face {
 
+    font-family: 'ENFB';
 
+    src: url('./font/enB.ttf') format('truetype');
 
+    unicode-range: U+0000-007F;
 
+}
 
+@font-face {
 
+    font-family: 'ZHFA';
 
+    src:url('./font/zhA_main.woff2') format('woff2');
 
+}
 
+
 
+.header {
 
+    display: flex;
 
+    align-items: center; 
+    background-color: #f9faff;
 
+    overflow: hidden;
 
+    margin: 0;
 
+    padding: 0 20px;
 
+}
 
+.header h1 {
 
+    float: left;
 
+    color: #000000;
 
+    text-align: center;
 
+    font-size: 24px;
 
+    margin-right: 20px;
 
+    font-family: "ZHFA", sans-serif;
 
+}
 
+.header a {
 
+    float: left;
 
+    color: #333;
 
+    text-align: center;
 
+    padding: 14px 16px;
 
+    text-decoration: none;
 
+    font-size: 17px;
 
+}
 
+
 
+
 
+.main{
 
+    background-color: #f9faff;
 
+    padding: 100px 90px;
 
+}
 
+.main .text {
 
+    font-size: 78px;
 
+}
 
+.main .text .textA {
 
+    color: #494949;
 
+    font-family: "ZHFA", sans-serif;
 
+}
 
+.main .text .textB {
 
+    color: #587efd;
 
+    font-family: "ENFA", sans-serif;
 
+}
 
+
 
+.main button{
 
+    vertical-align: middle; 
+    width: 130px;
 
+    height: 45px;
 
+    padding: 15px 20px;
 
+    border: none;
 
+    border-radius: 5px;
 
+    cursor: pointer;
 
+    font-size: 18px;
 
+    text-decoration: none;
 
+    display: inline-block;
 
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 
+    line-height: 15px;
 
+    text-align: center;
 
+}
 
+.main .buttonA{
 
+    background-color: #007bff;
 
+    color: white;
 
+    margin-right: 15px;
 
+}
 
+.main .buttonB{
 
+    background-color: #ffffff;
 
+    color: #000000;
 
+}
 
+
 
+.background{
 
+    background-color: #ffffff;
 
+    display: flex;
 
+    justify-content: center;
 
+    margin: 25px 0;
 
+}
 
+.projects{
 
+    display: block;
 
+    justify-content: flex-start;
 
+}
 
+.projects h2{
 
+    font-size: 34px;
 
+    color: #0f9050;
 
+    font-family: "ZHFA", sans-serif;
 
+}
 
+.blocks{
 
+    display: flex;
 
+    gap: 30px;
 
+    justify-content: center; 
+    margin-bottom: 55px;
 
+}
 
+.blocks .inner{
 
+    box-sizing: border-box;
 
+    border: 1px solid #b1b1b1;
 
+    border-radius: 10px; 
+    width: 400px;
 
+    padding: 20px;
 
+    transition: background-color 0.7s ease;
 
+}
 
+.blocks .inner img,
 
+.blocks .inner h1 {
 
+    display: inline-block;
 
+    font-family: "ENFB", sans-serif;
 
+}
 
+.blocks .inner:hover {
 
+    background-color: #eaeefd;
 
+    transition: background-color 0.7s ease;
 
+}
 
+
 
+.info {
 
+    background-color: #f9faff;
 
+    padding: 25px 90px;
 
+    padding-bottom: 15px;
 
+    font-size: 20px;
 
+    /*font-family: "ZHFB", sans-serif;*/
 
+}
 
+.info .quote{
 
+    margin: 20px 0;
 
+    font-size: 26px;
 
+    font-family: "ZHFA", sans-serif;
 
+}
 
+
 
+.news{
 
+    width: 1240px;
 
+    justify-content: flex-start;
 
+    margin-bottom: 40px;
 
+    font-size: larger;
 
+}
 
+.news h2{
 
+    font-size: 34px;
 
+    color: #d58113;
 
+    font-family: "ZHFA", sans-serif;
 
+}
 
+
 
+.footer {
 
+    padding: 25px 16px;
 
+    background-color: #001c37;
 
+    text-align: center;
 
+    font-size: 14px;
 
+    color: #ffffff;
 
+    overflow: hidden;
 
+}
 
+.footer a {
 
+    color: #ffffff;
 
+    text-decoration: none;
 
+}
 
+
 
+.page404{
 
+    background-color: #f9faff;
 
+    overflow: hidden;
 
+    padding: 200px 0;
 
+}
 
+.page404 h1{
 
+    text-align: center;
 
+}
 
+.page404 .text{
 
+    display: flex;
 
+    justify-content: center;
 
+}
 
+.page404 .text button{
 
+    vertical-align: middle; 
+    width: 200px;
 
+    height: 40px;
 
+    padding: 15px 20px;
 
+    border: none;
 
+    border-radius: 5px;
 
+    cursor: pointer;
 
+    font-size: 16px;
 
+    text-decoration: none;
 
+    display: inline-block;
 
+    line-height: 15px;
 
+    text-align: center;
 
+    background-color: #007bff;
 
+    color: white;
 
+    margin-right: 15px;
 
+}

+ 57 - 0
lib/project.css
Zobrazit soubor 

@@ -0,0 +1,57 @@
 
+@font-face {
 
+    font-family: 'ENFB';
 
+    src: url('./font/enB.ttf') format('truetype');
 
+    unicode-range: U+0000-007F;
 
+}
 
+
 
+.projectA {
 
+    background-color: #ffffff;
 
+    padding: 20px 60px;
 
+}
 
+.projectA .headrow {
 
+    display: flex;
 
+    justify-content: flex-start;
 
+    gap: 35px;
 
+    align-items: center;
 
+}
 
+.projectB {
 
+    background-color: #f9faff;
 
+    padding: 20px 60px;
 
+}
 
+.projectB .headrow {
 
+    display: flex;
 
+    justify-content: flex-end;
 
+    gap: 35px;
 
+    align-items: center;
 
+}
 
+
 
+.headrow h1{
 
+    font-family: "ENFB", sans-serif;
 
+    font-size: 55px;
 
+}
 
+.buttons {
 
+    display: flex;
 
+    gap: 10px;
 
+}
 
+button{
 
+    vertical-align: middle; 
+    width: 130px;
 
+    height: 45px;
 
+    padding: 15px 20px;
 
+    border: none;
 
+    border-radius: 5px;
 
+    cursor: pointer;
 
+    font-size: 20px;
 
+    text-decoration: none;
 
+    display: inline-block;
 
+    line-height: 15px;
 
+    text-align: center;
 
+    color: white;
 
+    margin-right: 15px;
 
+}
 
+.buttonB{
 
+    background-color: #debc5e;
 
+}
 
+.buttonA{
 
+    background-color: #5e84de;
 
+}

+ 36 - 0
lib/tool.css
Zobrazit soubor 

@@ -0,0 +1,36 @@
 
+@font-face {
 
+    font-family: 'ZHFA';
 
+    src:url('./font/zhA_tool.woff2') format('woff2');
 
+}
 
+
 
+.tool-head {
 
+    background-color: #f9faff;
 
+    padding: 20px 90px;
 
+}
 
+.tool-head h1{
 
+    font-family: "ZHFA", sans-serif;
 
+    font-size: 50px;
 
+    color: #000000;
 
+}
 
+
 
+.tool-list {
 
+    background-color: #ffffff;
 
+    padding: 40px 50px;
 
+    display: grid;
 
+    grid-auto-flow: column;
 
+    align-items: stretch;
 
+    gap: 30px;
 
+    justify-content: center; 
+}
 
+.tool-inner {
 
+    box-sizing: border-box;
 
+    border: 1px solid #b1b1b1;
 
+    border-radius: 10px; 
+    width: 400px;
 
+    padding: 20px;
 
+    transition: background-color 0.7s ease;
 
+}
 
+.tool-inner:hover {
 
+    background-color: #eaeefd;
 
+    transition: background-color 0.7s ease;
 
+}

+ 70 - 0
project.html
Zobrazit soubor 

@@ -0,0 +1,70 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>  
+        <meta charset="utf-8">
 
+        <link rel="stylesheet" type="text/css" href="./lib/main.css?v1.1.0">
 
+        <link rel="stylesheet" type="text/css" href="./lib/project.css?v1.0.2">
 
+        <title>项目 | 夏空拾雨小站</title>
 
+        <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+    </head>
 
+
 
+    <div class="header">
 
+        <h1 onclick="window.location.href='./index.html'" style="cursor: pointer;">夏空拾雨小站</h1>
 
+        <a href="./project.html">项目</a>
 
+        <a href="./blog.html">教程</a>
 
+        <a href="./tool.html">工具</a>
 
+    </div>
 
+
 
+    <div class="projectA" id="bdsUi">
 
+        <div class="headrow">
 
+            <h1 class="title">UI for BDS</h1>
 
+            <div class="buttons">
 
+                <button class="buttonA" onclick="window.location.href='#'">GitHub</button>
 
+                <button class="buttonB" onclick="window.location.href='#'">Gogs</button>
 
+            </div>
 
+        </div>
 
+        <p class="description">正在编写...</p>
 
+    </div>
 
+
 
+    <div class="projectB" id="sS">
 
+        <div class="headrow">
 
+            <h1 class="title">Sharp Sword</h1>
 
+            <div class="buttons">
 
+                <button class="buttonA" onclick="window.location.href='#'">GitHub</button>
 
+                <button class="buttonB" onclick="window.location.href='#'">Gogs</button>
 
+            </div>
 
+        </div>
 
+        <p class="description">正在编写...</p>
 
+    </div>
 
+
 
+    <div class="projectA" id="pNCal">
 
+        <div class="headrow">
 
+            <h1 class="title">Prime Number Calculator</h1>
 
+            <div class="buttons">
 
+                <button class="buttonA" onclick="window.location.href='#'">GitHub</button>
 
+                <button class="buttonB" onclick="window.location.href='#'">Gogs</button>
 
+            </div>
 
+        </div>
 
+        <p class="description">正在编写...</p>
 
+    </div>
 
+
 
+    <div class="projectB" id="xCal">
 
+        <div class="headrow">
 
+            <h1 class="title">Xksyu Calculator</h1>
 
+            <div class="buttons">
 
+                <button class="buttonA" onclick="window.location.href='#'">GitHub</button>
 
+                <button class="buttonB" onclick="window.location.href='#'">Gogs</button>
 
+            </div>
 
+        </div>
 
+        <p class="description">正在编写...</p>
 
+    </div>
 
+        
+    <div class="footer">
 
+        夏空拾雨小站 wxp &copy; 2025
 
+        <br>
 
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener">蜀ICP备2025166785号-1</a>
 
+        |
 
+        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502001154" target="_blank" rel="noreferrer noopener">豫公网安备41030502001154号
 
+        </a>
 
+    </div>
 
+</html>

+ 40 - 0
tool.html
Zobrazit soubor 

@@ -0,0 +1,40 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>  
+        <meta charset="utf-8">
 
+        <link rel="stylesheet" type="text/css" href="./lib/main.css?v1.1.0">
 
+        <link rel="stylesheet" type="text/css" href="./lib/tool.css?v1.0.1">
 
+        <title>工具 | 夏空拾雨小站</title>
 
+        <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+    </head>
 
+    <div class="header">
 
+        <h1 onclick="window.location.href='./index.html'" style="cursor: pointer;">夏空拾雨小站</h1>
 
+        <a href="./project.html">项目</a>
 
+        <a href="./blog.html">教程</a>
 
+        <a href="./tool.html">工具</a>
 
+    </div>
 
+
 
+    <div class="tool-head">
 
+        <h1>在线工具列表</h1>
 
+    </div>
 
+
 
+    <div class="tool-list">
 
+        <div class="tool-inner" onclick="window.location.href='./tool/joke.html'" style="cursor: pointer;">
 
+            <h2>整活弹窗</h2>
 
+            <p>还在测试...点一下就知道啦~</p>
 
+        </div>
 
+        <div class="tool-inner" onclick="window.location.href='./tool/words.html'" style="cursor: pointer;">
 
+            <h2>语录查询</h2>
 
+            <p>猢<br>猢</p>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="footer">
 
+        夏空拾雨小站 wxp &copy; 2025
 
+        <br>
 
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener">蜀ICP备2025166785号-1</a>
 
+        |
 
+        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502001154" target="_blank" rel="noreferrer noopener">豫公网安备41030502001154号
 
+        </a>
 
+    </div>
 
+</html>

+ 59 - 0
tool/joke.html
Zobrazit soubor 

@@ -0,0 +1,59 @@
 
+<!DOCTYPE HTML>
 
+<HTML>
 
+    <HEAD>
 
+        <TITLE>坏了！</TITLE>
 
+        <meta charset="utf-8">
 
+    </HEAD>
 
+    <BODY>
 
+        <script language=JavaScript>
 
+            alert("内容")
 
+        </script>
 
+        <!--
 
+        复制：
 
+        <script language=JavaScript>
 
+            alert("内容")
 
+        </script>
 
+        实现反复弹窗
 
+        -->
 
+        <script language=JavaScript>
 
+            alert("最后一个内容")
 
+        </script>
 
+        
+        <h1>
 
+            <a href="../index.html">点击返回首页</a>
 
+        </h1>
 
+        
+        <div class="footer">
 
+            夏空拾雨小站 wxp &copy; 2025
 
+            <br>
 
+            <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener">蜀ICP备2025166785号-1</a>
 
+            |
 
+            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41030502001154" target="_blank" rel="noreferrer noopener">豫公网安备41030502001154号
 
+            </a>
 
+        </div>
 
+    </BODY>
 
+</HTML>
 
+
 
+<style>
 
+    h1 {
 
+        text-align: center;
 
+        margin: 100px 0;
 
+    }
 
+    h1 a {
 
+        text-decoration: none;
 
+        color: rgb(255, 174, 87);
 
+    }
 
+    
+    .footer {
 
+        padding: 25px 16px;
 
+        background-color: #001c37;
 
+        text-align: center;
 
+        font-size: 14px;
 
+        color: #ffffff;
 
+        overflow: hidden;
 
+    }
 
+    .footer a {
 
+        color: #ffffff;
 
+        text-decoration: none;
 
+    }
 
+</style>