1 lună în urmă · a0d31dc5e8
--- a/blog.html
+++ b/blog.html
@@ -3,7 +3,7 @@
 
				     <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的网站。云销雨霁，彩彻区明。这里一直都在，从黄昏直到满夜星光。">
			
 
				     </head>
			
@@ -15,6 +15,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>
			
--- a/index.html
+++ b/index.html
@@ -49,12 +49,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>
			
 
				 
			
--- a/lib/blog.css
+++ b/lib/blog.css
@@ -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;
			
 
				+}
			
--- a/lib/font/zhA_blog.woff2
+++ b/lib/font/zhA_blog.woff2
--- a/lib/img/info.png
+++ b/lib/img/info.png
--- a/lib/img/search.png
+++ b/lib/img/search.png
--- a/lib/main.css
+++ b/lib/main.css
@@ -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;