小修改主页，新增fake page

2025-08-12 17:53:50 +08:00
parent 11ac279c88
commit 14fceea63c
2 changed files with 78 additions and 3 deletions
--- a/public/blog/fake_page.php
+++ b/public/blog/fake_page.php
@@ -0,0 +1,71 @@
+<!-- 伪页面跳转 -->
+<nav>
+    <a href="#雜談">雜談</a>
+    <a href="#學習">學習</a>
+</nav>
+
+
+<div id="雜談" class="page">
+    <div id="body_color">
+        <h2>雜談</h2>
+        <p>
+            目前什么都没有哦。
+            感谢您的访问
+        </p>
+    </div>
+</div>
+
+
+<div id="學習" class="page">
+    <div id="body_color">
+        <h2>學習</h2>
+        <p>
+            目前什么都没有哦。
+            感谢您的访问
+        </p>
+    </div>
+</div>
+
+
+<style>
+    #body_color
+    /* 背景颜色 */
+    {
+        background-color: rgba(147, 185, 255, 0.644);
+        position: absolute;
+        overflow-y: auto;
+        box-sizing: border-box;
+        width: 100%;
+        height: 90%;
+
+    }
+
+    .page 
+    {
+    display: none;
+    width: 120%;
+    height: 120%;
+    position: absolute;
+    top: -60;
+    left: -76;
+    background-color: white; 
+    overflow-y: auto;
+    box-sizing: border-box;
+    padding-top: 50px;
+    }
+
+    .page:target 
+    {
+        display: block;
+    }
+
+    nav a 
+    /* 字体 */
+    {
+        color: white;
+        text-decoration: none;
+        padding: 10px 15px;
+    }
+
+</style>
+<!-- 伪页面跳转 -->