fix #8

AterDev · Jul 31, 2024 · 4cdc2ed · 4cdc2ed
1 parent 62cb3cc
commit 4cdc2ed
Show file tree

Hide file tree

Showing 11 changed files with 62 additions and 398 deletions.
diff --git a/WebApp/index.html b/WebApp/index.html
@@ -1,92 +1,83 @@
 <!DOCTYPE html>
 <html>
-
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>EasyBlog</title>
     <meta name="description" content="🗽to be a human" />
     <base href="/" />
-    <link rel="stylesheet" href="/css/app.css" />
-    <link rel="stylesheet" href="/css/markdown.css" />
-    <link rel="icon" type="image/png" href="/favicon.ico" />
-    <script>const baseUrl = '/';</script>
-    <script src="/js/index.js"></script>
+    <link rel="stylesheet" href="/EasyBlog/css/app.css" />
+    <link rel="stylesheet" href="/EasyBlog/css/markdown.css" />
+    <link rel="icon" type="image/png" href="/EasyBlog/favicon.ico" />
+    <script>const baseUrl = '/EasyBlog/';</script>
+    <script src="/EasyBlog/js/index.js"></script>
 </head>
 
 <body class="dark:bg-neutral-900">
     <div class="text-white py-4 bg-gray-600 dark:bg-neutral-800">
-        <div class="container mx-auto flex items-center justify-between">
-            <a href="/" class="text-2xl font-semibold hidden sm:block">EasyBlog</a>
-            <span class="hidden sm:block">🗽to be a human</span>
-            <div class="flex items-center">
-                <input id="searchText" placeholder="博客标题"
-                    class="px-4 py-2 border border-gray-600 rounded-lg dark:bg-neutral-800 text-black dark:text-white focus:outline-none" />
-                <button id="searchBtn" class="ml-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg">
-                    搜索
-                </button>
-            </div>
+    <div class="container mx-auto flex items-center justify-between">
+        <a href="/EasyBlog/" class="text-2xl font-semibold hidden sm:block">EasyBlog</a>
+        <span class="hidden sm:block">🗽to be a human</span>
+        <div class="flex items-center">
+        <input id="searchText" placeholder="博客标题" class="px-4 py-2 border border-gray-600 rounded-lg dark:bg-neutral-800 text-black dark:text-white focus:outline-none" />
+        <button id="searchBtn" class="ml-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg">
+            搜索
+        </button>
         </div>
     </div>
+    </div>
 
     <div class="container mx-auto mt-2">
-        <div class="flex">
-            <div class="sm:w-3/4 sm:pr-4 w-full">
-                <!-- 博客卡片列表 -->
-                <div class="px-3 bg-white dark:bg-neutral-900" id="blogList">
-                    <!-- 博客卡片内容 -->
-                    <div class="w-100 rounded overflow-hidden shadow-lg dark:bg-neutral-800 my-2">
-                        <div class="px-6 py-3">
-                            <div class="font-bold text-xl mb-2">
-                                <a href="/blogs/introduction.html" target="_blank"
-                                    class="block text-lg py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">📑
-                                    introduction</a>
-                            </div>
-                            <p class="text-neutral-700 text-base dark:text-neutral-300">
-                                👨‍💻 NilTor
-                                &nbsp;&nbsp;
-                                ⏱️ <span class="publish-time" data-time="2024-04-07T14:07:45+08:00"></span>
-                            </p>
-                        </div>
-                    </div>
+    <div class="flex">
+        <div class="sm:w-3/4 sm:pr-4 w-full">
+        <!-- 博客卡片列表 -->
+        <div class="px-3 bg-white dark:bg-neutral-900" id="blogList">
+            <!-- 博客卡片内容 -->
+            <div class="w-100 rounded overflow-hidden shadow-lg dark:bg-neutral-800 my-2">
+    <div class="px-6 py-3">
+        <div class="font-bold text-xl mb-2">
+            <a href = "/EasyBlog/blogs/introduction.html" target="_blank" class="block text-lg py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">📑 introduction</a>
+        </div>
+        <p class="text-neutral-700 text-base dark:text-neutral-300">
+            👨‍💻 NilTor
+            &nbsp;&nbsp;
+            ⏱️ <span class="publish-time" data-time="2024-04-07T14:07:45+08:00"></span> 
+        </p>
+    </div>
+</div>
 
-                </div>
-            </div>
+        </div>
+    </div>
 
-            <div class="w-1/4 mt-1 hidden sm:block">
-                <!-- 分类 -->
-                <div id="catalog-list" class="rounded-lg shadow-md p-4 dark:bg-neutral-800">
-                    <div class="text-xl font-semibold dark:text-neutral-300">分类</div>
-                    <span data-catalog="all"
-                        class="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">
-                        全部 [1]
-                    </span>
-                </div>
-                <div id="date-list" class="rounded-lg shadow-md p-4 dark:bg-neutral-800 mt-2">
-                    <div class="text-xl font-semibold dark:text-neutral-300">存档</div>
-                    <span data-date="all"
-                        class="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">
-                        全部 [1]
-                    </span>
-                    <span data-date="2024-04"
-                        class="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">
-                        2024-04 [1]
-                    </span>
-                </div>
+    <div class="w-1/4 mt-1 hidden sm:block">
+        <!-- 分类 -->
+        <div id="catalog-list" class="rounded-lg shadow-md p-4 dark:bg-neutral-800">
+<div class="text-xl font-semibold dark:text-neutral-300">分类</div>
+<span data-catalog="all" class="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">
+    全部 [1]
+</span>
+</div>
+<div id="date-list" class="rounded-lg shadow-md p-4 dark:bg-neutral-800 mt-2">
+<div class="text-xl font-semibold dark:text-neutral-300">存档</div>
+<span data-date="all" class="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">
+    全部 [1]
+</span>
+<span data-date="2024-04" class="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100">
+    2024-04 [1]
+</span>
+</div>
 
-            </div>
-        </div>
+    </div>
+    </div>
     </div>
 
     <div class="dark:bg-neutral-800 py-4 fixed bottom-0 w-full bg-gray-200">
-        <div class="container mx-auto text-center">
-            <p class="text-neutral-600 dark:text-neutral-300">
-                EasyBlog
-                <a class="text-blue-600" target="_blank" href="https://github.com/AterDev/blazor-blog">Powered by Ater
-                    Blog</a>
-            </p>
-        </div>
+    <div class="container mx-auto text-center">
+        <p class="text-neutral-600 dark:text-neutral-300">
+        EasyBlog
+        <a class="text-blue-600" target="_blank" href="https://github.com/AterDev/EasyBlog">Powered by Ater Blog</a>
+        </p>
+    </div>
     </div>
 </body>
-
 </html>
diff --git a/WebApp/package.json b/WebApp/package.json
diff --git a/WebApp/sitemap.xml b/WebApp/sitemap.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
-    <loc>https://aterdev.github.io/EasyBlog/blogs/introduction.html</loc>
+    <loc>https://aterdev.github.io/EasyBlog/EasyBlog/blogs/introduction.html</loc>
     <lastmod>2024-04-07</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.9</priority>

diff --git a/WebApp/tailwind.config.js b/WebApp/tailwind.config.js
diff --git a/WebApp/ts/index.ts b/WebApp/ts/index.ts