This repository has been archived by the owner on Feb 21, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
351 lines (350 loc) · 17.9 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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>首页</title>
<link type="text/css" rel="stylesheet" href="assets/fonts/css/font-awesome.css"/>
<link type="text/css" rel="stylesheet" href="assets/bootstrap/bootstrap.css"/>
<link type="text/css" rel="stylesheet" href="assets/app/css/app.min.css"/>
</head>
<body class="home-template"><!-- 添加 .home-template 以便识别模板为首页 -->
<div class="site-warp">
<header class="site-header fixed-top">
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container">
<a class="navbar-brand" href="/">淮城一只猫</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><!-- 选中菜单添加 .active -->
<a class="nav-link" href="#">首页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">友联</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">关于</a>
</li>
<li class="nav-item m-0 d-none d-md-block d-lg-block d-xl-block">
<div class="site-searchbar">
<label for="nav-top-search"></label>
<input id="nav-top-search" class="search-input" type="text" placeholder="Search...">
<a class="search-icon"><i class="fas fa-search"></i></a>
</div>
</li>
<li class="nav-item d-block d-md-none d-lg-none d-xl-none">
<form class="mobile-search">
<div class="input-group">
<input type="text" class="mobile-search-input form-control" placeholder="Search..." aria-label="Search Input">
</div>
</form>
</li>
<li class="nav-item">
<label class="dark-switch-label" for="darkSwitch">
<a class="dark-switch-label-span" data-toggle="tooltip" data-placement="bottom" title="日夜模式">
<i class="fas fa-sun"></i>
</a>
</label>
<input type="checkbox" class="custom-control-input" id="darkSwitch">
</li>
</ul>
</div>
</div>
</nav>
</header>
<section class="site-hero responsive-title-img" style="background-image: url('./assets/images/hero-background.jpg');">
<div class="container">
<div class="hero-content">
<h1 class="site-name">淮城一只猫</h1>
<h2 class="site-description">永远年轻，永远热泪盈眶！</h2>
</div>
</div>
</section>
<main class="site-main container">
<div class="inner row">
<div class="site-post-list">
<div class="post-list">
<article class="post-card align-right">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/1.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">奇淫技巧</a></li>
</ul>
<h3 class="post-card-title"><a href="#">Node.js后端开发笔记后续 - 2</a></h3>
</header>
<section class="post-card-excerpt">
<p>续上篇文章 Node.js 后端开发笔记后续 - 1 利用 Sequelize-Cli 工具已经完成表结构设计以及数据填充，
下面使用 Sequelize 插件库本身的数据模型 model 的查询能力来实现表查询。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-left">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/2.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">编程技术</a></li>
</ul>
<h3 class="post-card-title"><a href="#">Nuxt.js使用笔记</a></h3>
</header>
<section class="post-card-excerpt">
<p>目前使用Nuxt.js框架做了几个项目，不得不说对比与Vue-CLI，Nuxt.js实在是懒人必备框架，什么东西都帮你配置好了。
所以多少对它有点了解，所以有了这个笔记。希望未来再做类似的地方有个能够参考的笔记。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-right">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/3.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">奇淫技巧</a></li>
</ul>
<h3 class="post-card-title"><a href="#">年少不懂《还珠3》，看懂已是而立年</a></h3>
</header>
<section class="post-card-excerpt">
<p>那时候我觉得黄奕没有赵薇眼睛大，没有赵薇活泼可爱。马伊俐又没有林心如那样楚楚可怜，弱不禁风。
何书桓饰演的五阿哥也没有苏有朋身上的少年气息。最重要的是黄晓明饰演的萧剑，完美的败坏了第二部的萧剑在我心中的好感。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-left">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/4.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">编程技术</a></li>
</ul>
<h3 class="post-card-title"><a href="#">要么孤独，要么庸俗</a></h3>
</header>
<section class="post-card-excerpt">
<p>22岁生日，一个人吃火锅，还好锅底可以点最辣的；187次路过的码头，4次遇到一对情侣，两个人眼中的风景，也不见得更好看；
第6次一个人搬家，扔掉了3箱旧东西，很遗憾，好像连回忆也一并被丢弃了。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-right">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/5.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">奇淫技巧</a></li>
</ul>
<h3 class="post-card-title"><a href="#">我们都曾畏惧告别</a></h3>
</header>
<section class="post-card-excerpt">
<p>告别似乎是一个普遍公认的隆重时刻，也是一个最能够让人感怀的时刻。越是这样的时刻，我就越是畏惧。倒不是怕伤心怕落泪，而是怕说话。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-left">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/6.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">编程技术</a></li>
</ul>
<h3 class="post-card-title"><a href="#">余生，我们一起吃饭</a></h3>
</header>
<section class="post-card-excerpt">
<p>放月假后，我和小伙伴在校门前的小餐馆门外吃米线。米线刚上来，我一歪头，便看到了他。他穿着一身黑色的运动服，在公交站牌处等车。
我赶紧埋下头，噘着小嘴用力地吹着筷子夹起来的米线。可事总与愿违，我感觉这是我这辈子吃过的最烫的米线了。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-right">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/7.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">奇淫技巧</a></li>
</ul>
<h3 class="post-card-title"><a href="#">我终于瘦下来了，却不再喜欢你</a></h3>
</header>
<section class="post-card-excerpt">
<p>她尤其喜欢吃甜食，精致的蛋糕、松软的面包、酥脆的饼干都是她的心头好，“甜食可以让人心情愉快”——她这样解释。
所以，城市里有头有脸的西点屋她几乎都办了张会员卡。</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
<article class="post-card align-left">
<a href="#" class="post-card-image-link">
<div class="post-card-image" style="background-image: url(assets/images/8.jpg)"></div>
</a>
<div class="post-card-content">
<header>
<ul class="post-tags">
<li class="post-tag"><a href="#">编程技术</a></li>
</ul>
<h3 class="post-card-title"><a href="#">说句再见吧，少年</a></h3>
</header>
<section class="post-card-excerpt">
<p>毕业之后，我和大学的很多同学都留在了这座不大的城市里，两个室友在学校附近租了一套小资豪华房，
我在北边签了一份朝九晚五的工作，顺理成章的一个人搬了出来，除了熬夜就会加深的黑眼圈，越发暗沉的肤色，
还有慢慢爬上眼睑的细纹，我发现自己在逐渐变老，头发已经脱落了很多，夜里睡觉越来越难眠……心里却只空荡荡地挂着一个年轻的背影。
</p>
</section>
<footer class="post-meta">
<ul class="author-list">
<li class="author-list-item">
<a href="#" class="static-avatar">
<img class="author-profile-image" src="./assets/images/myheader.jpg" alt="淮城一只猫">
<span class="author-profile-name">淮城一只猫</span>
</a>
</li>
</ul>
<span class="reading-time"><i class="far fa-clock"></i> 1 分钟阅读</span>
</footer>
</div>
</article>
</div>
</div>
<div class="site-pagination">
<nav aria-label="文章分页">
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="#" aria-label="上一页">
<span aria-hidden="true">
<i class="fas fa-angle-left"></i>
</span>
</a>
</li>
<li class="page-item active"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="下一页">
<span aria-hidden="true">
<i class="fas fa-angle-right"></i>
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</main>
<footer class="site-footer">
<div class="container d-flex justify-content-sm-between justify-content-center text-center">
<div class="copyright">
<p>Powered by <a href="https://ghost.org/" rel="noopener nofollow" target="_blank">Ghost</a>. Copyright © 2019. Crafted with <a href="https://github.com/JaxsonWang/Ghost-Theme-Frenemy" target="_blank" rel="noopener nofollow">Frenemy</a>.</p>
</div>
<nav class="social-links d-none d-sm-block">
<ul>
<li class="social-link"><a href="#"><i class="fab fa-weibo"></i></a></li>
<li class="social-link"><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</nav>
</div>
<div class="container copyright text-center">
<p>
<a href="http://www.miitbeian.gov.cn" target="_blank" rel="nofollow noopener">苏ICP备15050739号-4</a>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010402000196" target="_blank" rel="nofollow noopener">苏公网安备32010402000196号</a>
<a href="https://tongji.baidu.com/web/10921506/overview/index?siteId=11569818" target="_blank" rel="nofollow noopener">百度统计</a>
</p>
</div>
</footer>
<div id="return-to-top" class="fixed-tools animated"><i class="fas fa-angle-double-up"></i></div>
</div>
<script type="text/javascript" src="assets/jquery/jquery.js"></script>
<script type="text/javascript" src="assets/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="assets/pivot/pivot.js"></script>
<script type="text/javascript" src="assets/app/js/app.min.js"></script>
<script type="text/javascript" src="./demo.js"></script>
</body>
</html>