-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (155 loc) · 9.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gridea</title>
<link rel="shortcut icon" href="https://lijiaxiang98.github.io/favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<link rel="stylesheet" href="https://lijiaxiang98.github.io/media/css/tailwind.css">
<link rel="stylesheet" href="https://lijiaxiang98.github.io/styles/main.css">
<link rel="alternate" type="application/atom+xml" title="Gridea - Atom Feed" href="https://lijiaxiang98.github.io/atom.xml">
<meta name="description" content="温故而知新" />
</head>
<body class="note-serif-sc-font">
<div class="antialiased flex flex-col min-h-screen" id="app">
<div class="nav py-3 md:py-8 fixed w-full z-10 bg-gray-50 dark:bg-gray-700 transition-all duration-300" :class="{ 'scroll': scrolled }">
<div class="flex justify-end px-4">
<div class="w-8 h-8 flex justify-center items-center rounded-full md:hidden" @click="showMenu = !showMenu">
<i class="ri-close-line" v-show="showMenu"></i>
<i class="ri-menu-3-line" v-show="!showMenu"></i>
</div>
</div>
<nav class="max-w-4xl w-full mx-auto text-center flex flex-col md:flex-row justify-center md:block" :class="`${ showMenu ? 'block' : 'hidden' }`">
<a href="/" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
首页
</a>
<a href="/archives" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
归档
</a>
<a href="/tags" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
标签
</a>
<a href="/post/about" target="" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
关于
</a>
<a href="https://lijiaxiang98.github.io/atom.xml" target="_blank" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
RSS
</a>
</nav>
</div>
<div class="max-w-4xl w-full mx-auto ">
<header class="flex py-16 md:py-32 mt-12 flex-col md:flex-row px-4 md:px-0 animated fadeIn">
<div class="flex-1 order-2 md:order-1 md:pr-16">
<div class="text-4xl font-bold text-center md:text-left">
Gridea
</div>
<div class="text-xl text-gray-500 mt-4 text-center md:text-left">
温故而知新
</div>
<div class="mt-8 text-center md:text-left">
<a
href="/post/about"
arget="_blank"
class="text-sm bg-yellow-50 dark:bg-indigo-500 dark:text-gray-700 font-semibold px-4 py-2 inline-block yellow-btn transition-fast rounded"
>LET'S TALK!</a>
</div>
<div class="mt-8 flex items-center">
<div class="text-gray-500 mr-2">
Follow me 👉
</div>
<a href="[email protected]" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
<i class="ri-mail-line"></i>
</a>
<a href="https://github.com/lijiaxiang98" target="_blank" class="mr-2 w-8 h-8 inline-flex items-center justify-center text-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-fast">
<i class="ri-github-line"></i>
</a>
</div>
</div>
<div class="md:mx-8 flex-shrink-0 self-start rounded-full border-4 border-dotted border-transparent hover:border-yellow-50 p-2 w-32 h-32 order-1 md:order-2 mx-auto s3-dotted">
<img class="rounded-full object-cover" src="https://lijiaxiang98.github.io/images/avatar.png?v=1610790986110" alt="Gridea" width="100%" height="100%">
</div>
</header>
<div class="shadow-box bg-white dark:bg-gray-600 border-gray-300 rounded-none md:rounded-lg -mx-1 md:mx-0 md:px-0">
<div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
<div class="flex-1 order-2 md:order-1">
<h2 class="text-2xl font-semibold mb-4">
<a href="https://lijiaxiang98.github.io/post/epilepsy-syndromes/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
Epilepsy syndromes
</a>
</h2>
<div class="mb-4 text-xs text-gray-500">2021-01-16</div>
<div class="mb-4 text-gray-500 dark:text-gray-300">
Idiopathic generalized epilepsy syndromes
Juvenile myoclonic epilepsy
One of the most common epilepsy, 8 - 18 岁
Usua...
</div>
<!-- <a href="https://lijiaxiang98.github.io/post/epilepsy-syndromes/" class="btn">
Read more
</a> -->
<a href="https://lijiaxiang98.github.io/tag/Wg83YCKCV/" class="text-gray-700 text-sm border-b-2 border-dotted border-gray-200 hover:border-gray-600 transition-all duration-100 inline-flex mr-2">
<i class="ri-hashtag"></i>
Epilepsy
</a>
</div>
</div>
<div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
<div class="flex-1 order-2 md:order-1">
<h2 class="text-2xl font-semibold mb-4">
<a href="https://lijiaxiang98.github.io/post/Charcot-Marie-Tooth disease/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
Charcot-Marie-Tooth disease
</a>
</h2>
<div class="mb-4 text-xs text-gray-500">2021-01-16</div>
<div class="mb-4 text-gray-500 dark:text-gray-300">
Hereditary motor sensory neuropathies (HMSN), 腓骨肌萎缩症
对称性、缓慢进行性的四肢周围神经髓鞘脱失和轴索变性，造成肢体 远端 肌肉的萎缩和无力。
★CMT 患者临床表现的严重程度差异较大，可仅...
</div>
<!-- <a href="https://lijiaxiang98.github.io/post/Charcot-Marie-Tooth disease/" class="btn">
Read more
</a> -->
<a href="https://lijiaxiang98.github.io/tag/DIu1Pb1dz/" class="text-gray-700 text-sm border-b-2 border-dotted border-gray-200 hover:border-gray-600 transition-all duration-100 inline-flex mr-2">
<i class="ri-hashtag"></i>
Charcot-Marie-Tooth disease
</a>
<a href="https://lijiaxiang98.github.io/tag/kbxtLguKBm/" class="text-gray-700 text-sm border-b-2 border-dotted border-gray-200 hover:border-gray-600 transition-all duration-100 inline-flex mr-2">
<i class="ri-hashtag"></i>
Demyelinating disorders
</a>
</div>
</div>
<div class="p-8 border-b border-gray-200 dark:border-gray-700 flex relative overflow-hidden flex-col md:flex-row animated fadeIn">
<div class="flex-1 order-2 md:order-1">
<h2 class="text-2xl font-semibold mb-4">
<a href="https://lijiaxiang98.github.io/post/hello-gridea/" class="text-gray-700 dark:text-gray-200 border-b-2 border-dotted border-gray-200 dark:border-gray-400 dark:hover:border-gray-200 hover:border-gray-600 transition-all duration-100">
Hello Gridea
</a>
</h2>
<div class="mb-4 text-xs text-gray-500">2018-12-12</div>
<div class="mb-4 text-gray-500 dark:text-gray-300">
<p>👏 欢迎使用 <strong>Gridea</strong> ！<br>
✍️ <strong>Gridea</strong> 一个静态博客写作客户端。你可以用它来记录你的生活、心情、知识、笔记、创意... ...</p>
</div>
<!-- <a href="https://lijiaxiang98.github.io/post/hello-gridea/" class="btn">
Read more
</a> -->
<a href="https://lijiaxiang98.github.io/tag/tK-wipXcO/" class="text-gray-700 text-sm border-b-2 border-dotted border-gray-200 hover:border-gray-600 transition-all duration-100 inline-flex mr-2">
<i class="ri-hashtag"></i>
Gridea
</a>
</div>
<img class="flex-shrink-0 self-start md:ml-4 mb-4 md:mb-0 rounded-sm object-cover featured-img order-1 md:order-2 w-full h-40 md:w-56 md:h-32" loading="lazy" src="https://lijiaxiang98.github.io/post-images/hello-gridea.png" alt="Hello Gridea">
</div>
</div>
<footer class="py-12 text-center px-4 md:px-0" v-pre>
Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a>
</footer>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://lijiaxiang98.github.io/media/scripts/main.js"></script>
</body>
</html>