1
1
<!DOCTYPE html>
2
2
< html >
3
-
4
3
< head >
5
4
< meta charset ="utf-8 " />
6
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7
6
< title > EasyBlog</ title >
8
7
< meta name ="description " content ="🗽to be a human " />
9
8
< base href ="/ " />
10
- < link rel ="stylesheet " href ="/css/app.css " />
11
- < link rel ="stylesheet " href ="/css/markdown.css " />
12
- < link rel ="icon " type ="image/png " href ="/favicon.ico " />
13
- < script > const baseUrl = '/' ; </ script >
14
- < script src ="/js/index.js "> </ script >
9
+ < link rel ="stylesheet " href ="/EasyBlog/ css/app.css " />
10
+ < link rel ="stylesheet " href ="/EasyBlog/ css/markdown.css " />
11
+ < link rel ="icon " type ="image/png " href ="/EasyBlog/ favicon.ico " />
12
+ < script > const baseUrl = '/EasyBlog/ ' ; </ script >
13
+ < script src ="/EasyBlog/ js/index.js "> </ script >
15
14
</ head >
16
15
17
16
< body class ="dark:bg-neutral-900 ">
18
17
< div class ="text-white py-4 bg-gray-600 dark:bg-neutral-800 ">
19
- < div class ="container mx-auto flex items-center justify-between ">
20
- < a href ="/ " class ="text-2xl font-semibold hidden sm:block "> EasyBlog</ a >
21
- < span class ="hidden sm:block "> 🗽to be a human</ span >
22
- < div class ="flex items-center ">
23
- < input id ="searchText " placeholder ="博客标题 "
24
- class ="px-4 py-2 border border-gray-600 rounded-lg dark:bg-neutral-800 text-black dark:text-white focus:outline-none " />
25
- < button id ="searchBtn " class ="ml-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg ">
26
- 搜索
27
- </ button >
28
- </ div >
18
+ < div class ="container mx-auto flex items-center justify-between ">
19
+ < a href ="/EasyBlog/ " class ="text-2xl font-semibold hidden sm:block "> EasyBlog</ a >
20
+ < span class ="hidden sm:block "> 🗽to be a human</ span >
21
+ < div class ="flex items-center ">
22
+ < 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 " />
23
+ < button id ="searchBtn " class ="ml-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg ">
24
+ 搜索
25
+ </ button >
29
26
</ div >
30
27
</ div >
28
+ </ div >
31
29
32
30
< div class ="container mx-auto mt-2 ">
33
- < div class ="flex ">
34
- < div class ="sm:w-3/4 sm:pr-4 w-full ">
35
- <!-- 博客卡片列表 -->
36
- < div class ="px-3 bg-white dark:bg-neutral-900 " id ="blogList ">
37
- <!-- 博客卡片内容 -->
38
- < div class ="w-100 rounded overflow-hidden shadow-lg dark:bg-neutral-800 my-2 ">
39
- < div class ="px-6 py-3 ">
40
- < div class ="font-bold text-xl mb-2 ">
41
- < a href ="/blogs/introduction.html " target ="_blank "
42
- class ="block text-lg py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100 "> 📑
43
- introduction</ a >
44
- </ div >
45
- < p class ="text-neutral-700 text-base dark:text-neutral-300 ">
46
- 👨💻 NilTor
47
-
48
- ⏱️ < span class ="publish-time " data-time ="2024-04-07T14:07:45+08:00 "> </ span >
49
- </ p >
50
- </ div >
51
- </ div >
31
+ < div class ="flex ">
32
+ < div class ="sm:w-3/4 sm:pr-4 w-full ">
33
+ <!-- 博客卡片列表 -->
34
+ < div class ="px-3 bg-white dark:bg-neutral-900 " id ="blogList ">
35
+ <!-- 博客卡片内容 -->
36
+ < div class ="w-100 rounded overflow-hidden shadow-lg dark:bg-neutral-800 my-2 ">
37
+ < div class ="px-6 py-3 ">
38
+ < div class ="font-bold text-xl mb-2 ">
39
+ < 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 >
40
+ </ div >
41
+ < p class ="text-neutral-700 text-base dark:text-neutral-300 ">
42
+ 👨💻 NilTor
43
+
44
+ ⏱️ < span class ="publish-time " data-time ="2024-04-07T14:07:45+08:00 "> </ span >
45
+ </ p >
46
+ </ div >
47
+ </ div >
52
48
53
- </ div >
54
- </ div >
49
+ </ div >
50
+ </ div >
55
51
56
- < div class ="w-1/4 mt-1 hidden sm:block ">
57
- <!-- 分类 -->
58
- < div id ="catalog-list " class ="rounded-lg shadow-md p-4 dark:bg-neutral-800 ">
59
- < div class ="text-xl font-semibold dark:text-neutral-300 "> 分类</ div >
60
- < span data-catalog ="all "
61
- class ="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100 ">
62
- 全部 [1]
63
- </ span >
64
- </ div >
65
- < div id ="date-list " class ="rounded-lg shadow-md p-4 dark:bg-neutral-800 mt-2 ">
66
- < div class ="text-xl font-semibold dark:text-neutral-300 "> 存档</ div >
67
- < span data-date ="all "
68
- class ="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100 ">
69
- 全部 [1]
70
- </ span >
71
- < span data-date ="2024-04 "
72
- class ="filter-item text-lg block py-2 text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100 ">
73
- 2024-04 [1]
74
- </ span >
75
- </ div >
52
+ < div class ="w-1/4 mt-1 hidden sm:block ">
53
+ <!-- 分类 -->
54
+ < div id ="catalog-list " class ="rounded-lg shadow-md p-4 dark:bg-neutral-800 ">
55
+ < div class ="text-xl font-semibold dark:text-neutral-300 "> 分类</ div >
56
+ < 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 ">
57
+ 全部 [1]
58
+ </ span >
59
+ </ div >
60
+ < div id ="date-list " class ="rounded-lg shadow-md p-4 dark:bg-neutral-800 mt-2 ">
61
+ < div class ="text-xl font-semibold dark:text-neutral-300 "> 存档</ div >
62
+ < 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 ">
63
+ 全部 [1]
64
+ </ span >
65
+ < 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 ">
66
+ 2024-04 [1]
67
+ </ span >
68
+ </ div >
76
69
77
- </ div >
78
- </ div >
70
+ </ div >
71
+ </ div >
79
72
</ div >
80
73
81
74
< div class ="dark:bg-neutral-800 py-4 fixed bottom-0 w-full bg-gray-200 ">
82
- < div class ="container mx-auto text-center ">
83
- < p class ="text-neutral-600 dark:text-neutral-300 ">
84
- EasyBlog
85
- < a class ="text-blue-600 " target ="_blank " href ="https://github.com/AterDev/blazor-blog "> Powered by Ater
86
- Blog</ a >
87
- </ p >
88
- </ div >
75
+ < div class ="container mx-auto text-center ">
76
+ < p class ="text-neutral-600 dark:text-neutral-300 ">
77
+ EasyBlog
78
+ < a class ="text-blue-600 " target ="_blank " href ="https://github.com/AterDev/EasyBlog "> Powered by Ater Blog</ a >
79
+ </ p >
80
+ </ div >
89
81
</ div >
90
82
</ body >
91
-
92
83
</ html >
0 commit comments