Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
xksyu2021
/
XksyuWebPage
1
0
Forkuj 0

3 Commity 46b864add1 ... 638e99f84d

Autor SHA1 Wiadomość Data
  XKSYU2021 638e99f84d gtag add 1 miesiąc temu
  XKSYU2021 d0b08eb92b 404bug 1 miesiąc temu
  XKSYU2021 a0d31dc5e8 blog css 1 miesiąc temu
12 zmienionych plików z 230 dodań i 19 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 61 0
      .vscode/launch.json
  2. 14 5
      404.html
  3. 45 1
      blog.html
  4. 26 12
      index.html
  5. 53 0
      lib/blog.css
  6. BIN
      lib/font/zhA_blog.woff2
  7. BIN
      lib/img/info.png
  8. BIN
      lib/img/search.png
  9. 4 1
      lib/main.css
  10. 9 0
      project.html
  11. 9 0
      tool.html
  12. 9 0
      tool/joke.html

+ 61 - 0
.vscode/launch.json
Wyświetl plik 

@@ -0,0 +1,61 @@
 
+{
 
+    "configurations": [
 
+        {
 
+            "type": "vscode-edge-devtools.debug",
 
+            "request": "launch",
 
+            "name": "Launch Microsoft Edge and open the Edge DevTools",
 
+            "url": "http://localhost:8080",
 
+            "webRoot": "e:\\web\\main\\index.html"
 
+        },
 
+        {
 
+            "type": "pwa-msedge",
 
+            "name": "Launch Microsoft Edge",
 
+            "request": "launch",
 
+            "runtimeArgs": [
 
+                "--remote-debugging-port=9222"
 
+            ],
 
+            "url": "e:\\web\\main\\index.html", // Provide your project's url to finish configuring
 
+            "presentation": {
 
+                "hidden": true
 
+            }
 
+        },
 
+        {
 
+            "type": "pwa-msedge",
 
+            "name": "Launch Microsoft Edge in headless mode",
 
+            "request": "launch",
 
+            "runtimeArgs": [
 
+                "--headless",
 
+                "--remote-debugging-port=9222"
 
+            ],
 
+            "url": "e:\\web\\main\\index.html", // Provide your project's url to finish configuring
 
+            "presentation": {
 
+                "hidden": true
 
+            }
 
+        },
 
+        {
 
+            "type": "vscode-edge-devtools.debug",
 
+            "name": "Open Edge DevTools",
 
+            "request": "attach",
 
+            "url": "e:\\web\\main\\index.html", // Provide your project's url to finish configuring
 
+            "presentation": {
 
+                "hidden": true
 
+            }
 
+        }
 
+    ],
 
+    "compounds": [
 
+        {
 
+            "name": "Launch Edge Headless and attach DevTools",
 
+            "configurations": [
 
+                "Launch Microsoft Edge in headless mode",
 
+                "Open Edge DevTools"
 
+            ]
 
+        },
 
+        {
 
+            "name": "Launch Edge and attach DevTools",
 
+            "configurations": [
 
+                "Launch Microsoft Edge",
 
+                "Open Edge DevTools"
 
+            ]
 
+        }
 
+    ]
 
+}

+ 14 - 5
404.html
Wyświetl plik 

@@ -1,11 +1,20 @@
 
 <!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>
 
+    <head>
 
+        <title>查无此页 | 夏空拾雨小站</title>
 
+        <base href="/">
 
+        <link rel="stylesheet" type="text/css" href="./lib/main.css?1.1.0">
 
+        <!-- Google tag (gtag.js) -->
 
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z80GL04TQC"></script>
 
+        <script>
 
+          window.dataLayer = window.dataLayer || [];
 
+          function gtag(){dataLayer.push(arguments);}
 
+          gtag('js', new Date());
 
+        
+          gtag('config', 'G-Z80GL04TQC');
 
+        </script>
 
+    </head>
 
 <body>
 
     <div class="page404">
 
         <h1>没有这个页面...qwq&nbsp;</h1>

+ 45 - 1
blog.html
Wyświetl plik 

@@ -3,9 +3,18 @@
 
     <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">
 
+        <link rel="stylesheet" type="text/css" href="./lib/blog.css?v1.0.0">
 
         <title>教程 | 夏空拾雨小站</title>
 
         <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+        <!-- Google tag (gtag.js) -->
 
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z80GL04TQC"></script>
 
+        <script>
 
+          window.dataLayer = window.dataLayer || [];
 
+          function gtag(){dataLayer.push(arguments);}
 
+          gtag('js', new Date());
 
+        
+          gtag('config', 'G-Z80GL04TQC');
 
+        </script>
 
     </head>
 
 
     <div class="header">
 
@@ -15,6 +24,41 @@
 
         <a href="./tool.html">工具</a>
 
     </div>
 
 
+    <div class="search">
 
+        <div class="search-group">
 
+            <input type="text" class="search-box" placeholder="说不定真能搜到...">
 
+            <button class="search-button">
 
+                <img src="./lib/img/search.png">
 
+            </button>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="blog-list">
 
+        <h1 class="list-head" style="color: #f7c500;">计算机基础</h1>
 
+        <div class="list-text">
 
+            <a href="./blog/25111001.html">硬盘清理与分区</a>
 
+        </div>
 
+
 
+        <hr>
 
+        <h1 class="list-head" style="color: #3a3dff;">编程知识</h1>
 
+        <div class="list-text">
 
+            <a href="./blog/25111002.html">C语言指针简介</a>
 
+            <a href="./blog/25111003.html">C语言字符串简介</a>
 
+        </div>
 
+
 
+        <hr>
 
+        <h1 class="list-head" style="color: #de2929;">Minecraft</h1>
 
+        <div class="list-text">
 
+            <a href="./blog/25111004.html">基岩版账号注册教程</a>
 
+        </div>
 
+
 
+        <hr>
 
+        <h1 class="list-head" style="color: #35d420;">其他内容</h1>
 
+        <div class="list-text">
 
+            <a href="./blog/25111005.html">圣猢氏颂</a>
 
+        </div>
 
+    </div>
 
+
 
     <div class="footer">
 
         夏空拾雨小站 wxp &copy; 2025
 
         <br>

+ 26 - 12
index.html
Wyświetl plik 

@@ -1,11 +1,20 @@
 
 <!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>
 
+    <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的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+        <!-- Google tag (gtag.js) -->
 
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z80GL04TQC"></script>
 
+        <script>
 
+          window.dataLayer = window.dataLayer || [];
 
+          function gtag(){dataLayer.push(arguments);}
 
+          gtag('js', new Date());
 
+        
+          gtag('config', 'G-Z80GL04TQC');
 
+        </script>
 
+    </head>
 
 
 <body>
 
     <div class="header">
 
@@ -49,12 +58,17 @@
 
     </div>
 
 
     <div class="info">
 
-        一名计算机系大学生。创建这个网站，主要是为了练习HTML、CSS等等网页制作技术。在这里，我也会记录各种各样，奇奇怪怪的项目和经验。<br>
 
-        许多年前开始接触Minecraft，在这个“图灵完备”的世界，游戏社区创造了许多有趣甚至惊人的作品———我也愿有一天可以参与其中。尽管大型项目还遥不可及，但利用Win32API写一些界面，或是做一些入门级的游戏教程，也是不错的开始。<br>
 
-        计算机知识，一直是我的兴趣所在。闲暇时，我也会写一些小工具，小程序。比如说计算器、联网向导......放在这里，或许也是一种成长的记录。不知道几年之后，再回头读现在写的代码，会不会觉得当时学的真少，每一行都不知所云呢？<br>
 
-        <div class="quote">
 
-            路漫漫其修远兮，吾将上下而求索。<br>
 
-            去飞吧，就算迷茫也不要停下。
 
+        <div class="info-text">
 
+            一名计算机系大学生。创建这个网站，主要是为了练习HTML、CSS等等网页制作技术。在这里，我也会记录各种各样，奇奇怪怪的项目和经验。<br>
 
+            许多年前开始接触Minecraft，在这个“图灵完备”的世界，游戏社区创造了许多有趣甚至惊人的作品———我也愿有一天可以参与其中。尽管大型项目还遥不可及，但利用Win32API写一些界面，或是做一些入门级的游戏教程，也是不错的开始。<br>
 
+            计算机知识，一直是我的兴趣所在。闲暇时，我也会写一些小工具，小程序。比如说计算器、联网向导......放在这里，或许也是一种成长的记录。不知道几年之后，再回头读现在写的代码，会不会觉得当时学的真少，每一行都不知所云呢？<br>
 
+            <div class="quote">
 
+                路漫漫其修远兮，吾将上下而求索。<br>
 
+                去飞吧，就算迷茫也不要停下。
 
+            </div>
 
+        </div>
 
+        <div class="info-image">
 
+            <img src="./lib/img/info.png">
 
         </div>
 
     </div>

+ 53 - 0
lib/blog.css
Wyświetl plik 

@@ -0,0 +1,53 @@
 
+@font-face {
 
+    font-family: "ZHFA";
 
+    src: url('./font/zhA_blog.woff2') format('woff2');
 
+}
 
+
 
+.search{
 
+    padding: 80px 0;
 
+    background-color: #f9faff;
 
+}
 
+.search-group {
 
+    display: flex;
 
+    justify-content: center;
 
+    gap: 10px;
 
+}
 
+.search-box {
 
+    width: 400px;
 
+    height: 40px;
 
+    padding: 10px 15px;
 
+    font-size: 18px;
 
+    border: 1px solid #b1b1b1;
 
+    border-radius: 5px;
 
+    outline: none;
 
+}
 
+.search-button{
 
+    display: flex;
 
+    justify-content: center;
 
+    padding: 5px;
 
+    cursor: pointer;
 
+    background-color: #f9faff;;
 
+    border: none;
 
+}
 
+
 
+.blog-list {
 
+    padding: 50px 100px;
 
+    padding-bottom: 70px;
 
+}
 
+.list-text {
 
+    display: flex;
 
+    gap: 20px;
 
+}
 
+
 
+.blog-list a {
 
+    text-decoration: none;
 
+    color:black;
 
+    font-size: 20px;
 
+}
 
+.blog-list h1{
 
+    font-family: "ZHFA", sans-serif;
 
+    font-size: 40px;
 
+}
 
+hr{
 
+    margin: 40px 0;
 
+}

BIN
lib/font/zhA_blog.woff2
Wyświetl plik


BIN
lib/img/info.png
Wyświetl plik


BIN
lib/img/search.png
Wyświetl plik


+ 4 - 1
lib/main.css
Wyświetl plik 

@@ -124,9 +124,12 @@
 
     padding: 25px 90px;
 
     padding-bottom: 15px;
 
     font-size: 20px;
 
+    display: flex;
 
+    gap: 40px;
 
+    justify-content: center;
 
     /*font-family: "ZHFB", sans-serif;*/
 
 }
 
-.info .quote{
 
+.info .info-text .quote{
 
     margin: 20px 0;
 
     font-size: 26px;
 
     font-family: "ZHFA", sans-serif;

+ 9 - 0
project.html
Wyświetl plik 

@@ -6,6 +6,15 @@
 
         <link rel="stylesheet" type="text/css" href="./lib/project.css?v1.0.2">
 
         <title>项目 | 夏空拾雨小站</title>
 
         <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+        <!-- Google tag (gtag.js) -->
 
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z80GL04TQC"></script>
 
+        <script>
 
+          window.dataLayer = window.dataLayer || [];
 
+          function gtag(){dataLayer.push(arguments);}
 
+          gtag('js', new Date());
 
+        
+          gtag('config', 'G-Z80GL04TQC');
 
+        </script>
 
     </head>
 
 
     <div class="header">

+ 9 - 0
tool.html
Wyświetl plik 

@@ -6,6 +6,15 @@
 
         <link rel="stylesheet" type="text/css" href="./lib/tool.css?v1.0.1">
 
         <title>工具 | 夏空拾雨小站</title>
 
         <meta name="description" content="wxp的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
 
+        <!-- Google tag (gtag.js) -->
 
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z80GL04TQC"></script>
 
+        <script>
 
+          window.dataLayer = window.dataLayer || [];
 
+          function gtag(){dataLayer.push(arguments);}
 
+          gtag('js', new Date());
 
+        
+          gtag('config', 'G-Z80GL04TQC');
 
+        </script>
 
     </head>
 
     <div class="header">
 
         <h1 onclick="window.location.href='./index.html'" style="cursor: pointer;">夏空拾雨小站</h1>

+ 9 - 0
tool/joke.html
Wyświetl plik 

@@ -3,6 +3,15 @@
 
     <HEAD>
 
         <TITLE>坏了！</TITLE>
 
         <meta charset="utf-8">
 
+        <!-- Google tag (gtag.js) -->
 
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z80GL04TQC"></script>
 
+        <script>
 
+          window.dataLayer = window.dataLayer || [];
 
+          function gtag(){dataLayer.push(arguments);}
 
+          gtag('js', new Date());
 
+        
+          gtag('config', 'G-Z80GL04TQC');
 
+        </script>
 
     </HEAD>
 
     <BODY>
 
         <script language=JavaScript>