forked from lovemianhuatang/LongBlog-v2.0
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
274 lines (266 loc) · 15.6 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>Long博客-关于本站</title>
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
<!--Layui-->
<link href="layui/css/layui.css" rel="stylesheet" />
<!--font-awesome-->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!--全局样式表-->
<link href="css/global.css" rel="stylesheet" />
<link href="css/animate.min.css" rel="stylesheet" />
<!-- 本页样式表 -->
<link href="css/about.css" rel="stylesheet" />
<link href="css/blog.css" rel="stylesheet" />
</head>
<body>
<!-- 导航 -->
<nav id="h" class="blog-nav layui-header">
<div class="blog-container">
<a href="/QQ/qqLogin" class="blog-user">
<i class="fa fa-qq"></i>
</a>
<a class="blog-logo" href="index.html">Long</a>
<ul class="layui-nav" lay-filter="nav">
<li class="layui-nav-item">
<a href="index.html"><i class="fa fa-home fa-fw"></i> 网站首页</a>
</li>
<li class="layui-nav-item">
<a href="article.html"><i class="fa fa-file-text fa-fw"></i> 文章专栏</a>
</li>
<li class="layui-nav-item">
<a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i> 杂七杂八</a>
</li>
<li class="layui-nav-item">
<a href="timeline.html"><i class="fa fa-hourglass-half fa-fw"></i> 点点滴滴</a>
</li>
<li class="layui-nav-item">
<a href="about.html"><i class="fa fa-info fa-fw"></i> 关于本站</a>
</li>
<span class="layui-nav-bar"></span></ul>
<a class="blog-navicon" href="javascript:;">
<i class="fa fa-navicon"></i>
</a>
</div>
</nav>
<!-- 主体（一般只改变这里的内容） -->
<div class="blog-body">
<!-- 这个一般才是真正的主体内容 -->
<div class="blog-container">
<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
<a href="index.html" title="网站首页">网站首页</a>
<a><cite>关于本站</cite></a>
</blockquote>
<div class="blog-main">
<div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
<ul class="layui-tab-title">
<li lay-id="1" class="layui-this">关于博客</li>
<li lay-id="2">关于作者</li>
<li lay-id="3" id="frinedlink">友情链接</li>
<li lay-id="4">留言墙</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="aboutinfo">
<div class="aboutinfo-figure">
<img alt="博客Log" src="img/admin.jpg" />
<div><a class="long_wang animated fadeInLeftBig" href="http://www.long225.cn">LongWang</a></div>
</div>
<p class="aboutinfo-introduce animated fadeInRightBig">一个java程序员的个人博客，记录博主的学习,生活中的一些有趣的事，并分享Java方面技术和源码。</p>
<p class="aboutinfo-location animated fadeInLeftBig"><i class="fa fa-link"></i> <a target="_blank" href="http://www.long225.cn">www.long225.cn</a></p>
<hr />
<div class="aboutinfo-contact animated fadeInRightBig">
<a title="网站首页" href="/"><i class="fa fa-home fa-2x" style="font-size:2.5em;position:relative;top:3px"></i></a>
<a title="文章专栏" href="/foreground/article"><i class="fa fa-file-text fa-2x"></i></a>
<a title="杂七杂八" href="/foreground/mixed_pic"><i class="fa fa-paper-plane-o fa-2x"></i></a>
<a title="点点滴滴" href="/foreground/timeline"><i class="fa fa-hourglass-half fa-2x"></i></a>
</div>
<fieldset class="layui-elem-field layui-field-title animated fadeInLeftBig">
<legend>简介</legend>
<div class="layui-field-box aboutinfo-abstract">
<p style="text-align:center;">博客是一个由JAVA开发的个人博客网站，诞生于2018年1月2日，前端页面使用“Absolutely”大神提供的前端模板页面，以及大量的LayerUI组件，网站架构使用springboot+spring date jpa+shiro+Redis+Tomcat架构 ，后台部分页面的布局使用fsLayui框架模板。目前大体的主要功能已经完成，后续将会继续完善功能和页面的优化！</p>
<h1 style="text-align:center;">The End</h1>
</div>
</fieldset>
</div>
</div><!--关于网站End-->
<div class="layui-tab-item">
<div class="aboutinfo">
<div class="aboutinfo-figure">
<img src="img/admin.jpg" />
</div>
<p class="aboutinfo-nickname" ">LongWang</p>
<p class="aboutinfo-introduce animated fadeInLeftBig">一枚90后程序员，Java开发工程师，主攻后端，略懂Web前端</p>
<p class="aboutinfo-location animated fadeInLeftBig"><i class="fa fa-location-arrow"></i> <span >中国 - 湘潭</span></p>
<hr />
<div class="aboutinfo-contact animated bounceIn">
<a target="_blank" title="QQ交流" href="http://shang.qq.com/email/stop/email_stop.html?qq=2896543728"><i class="fa fa-qq fa-2x"></i></a>
<a target="_blank" title="给我写信" href="mailto:2896543728@qq.com"><i class="fa fa-envelope fa-2x"></i></a>
<a target="_blank" title="新浪微博" href="https://weibo.com/p/1005055534423586"><i class="fa fa-weibo fa-2x"></i></a>
<a target="_blank" title="后台管理" href="/toLogin"><i class="fa fa-database fa-2x"></i></a>
</div>
<fieldset class="layui-elem-field layui-field-title animated bounceInUp">
<legend>简介</legend>
<div class="layui-field-box aboutinfo-abstract abstract-bloger">
<p style="text-align:center;">诞生于1997年，目前是一个码农，从事Java方向的研究和开发。</p>
<h1>个人信息</h1>
<p>一个喜欢旅游，喜欢在路上的感觉！喜欢民谣音乐的程序猿~(偶尔会跟大家分享一些好听的民谣音乐，在本站我也会推荐，喜欢的可以关注我的网易云，收藏我自己整理的歌单：蓝色牛仔裤丶)</p>
<h1>个人介绍</h1>
<p>暂无</p>
<h1>未来</h1>
<p>还没想好...</p>
<h1 style="text-align:center;">The End</h1>
</div>
</fieldset>
</div>
</div><!--关于作者End-->
<div class="layui-tab-item">
<div class="aboutinfo">
<div class="aboutinfo-figure">
<img src="images/handshake.png" alt="友情链接" />
</div>
<p class="aboutinfo-nickname">友情链接</p>
<p class="aboutinfo-introduce">Name：Long博客 Site：www.long225.cn</p>
<p class="aboutinfo-location">
<i class="fa fa-close"></i>经常宕机
<i class="fa fa-close"></i>不合法规
<i class="fa fa-close"></i>插边球站
<i class="fa fa-close"></i>红标报毒
<i class="fa fa-check"></i>原创优先
<i class="fa fa-check"></i>技术优先
</p>
<hr />
<div class="aboutinfo-contact">
<p style="font-size:2em;">互换友链，携手并进！</p>
</div>
<fieldset class="layui-elem-field layui-field-title animated fadeInRightBig">
<legend>Friend Link</legend>
<div class="layui-field-box">
<ul class="friendlink">
<li>
<a target="_blank" href="http://wurao.xin" title="勿扰博客" class="friendlink-item">
<p class="friendlink-item-pic"></p>
<p class="friendlink-item-title">勿扰博客</p>
<p class="friendlink-item-domain">http://wurao.xin</p>
</a>
</li>
<li>
<a target="_blank" href="http://blog.itcodai.com" title="ITcodai博客" class="friendlink-item">
<p class="friendlink-item-pic"><img src="http://blog.itcodai.com/images/favicon.ico" alt="ITcodai博客"></p>
<p class="friendlink-item-title">ITcodai博客</p>
<p class="friendlink-item-domain">http://blog.itcodai.com</p>
</a>
</li>
<li>
<a target="_blank" href="https://www.zqfirst.top" title="旧时光" class="friendlink-item">
<p class="friendlink-item-pic"><img src="https://www.zqfirst.top/favicon.ico" alt="旧时光"></p>
<p class="friendlink-item-title">旧时光</p>
<p class="friendlink-item-domain">https://www.zqfirst.top</p>
</a>
</li>
</ul>
</div>
</fieldset>
</div>
</div><!--友情链接End-->
<div class="layui-tab-item">
<div class="aboutinfo">
<div class="aboutinfo-figure">
<img src="images/messagewall.png" alt="留言墙" />
</div>
<p class="aboutinfo-nickname">留言墙</p>
<p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p>
<p class="aboutinfo-location">
<i class="fa fa-clock-o"></i> <span id="time"></span>
</p>
<hr />
<div class="aboutinfo-contact">
<p style="font-size:2em;">沟通交流，拉近你我！</p>
</div>
<fieldset class="layui-elem-field layui-field-title">
<legend>Leave a message</legend>
<div class="layui-field-box">
<div class="leavemessage" style="text-align:initial">
<form class="layui-form">
<input type="hidden" id="user" name="user" lay-verify="userId" />
<div class="layui-form-item">
<textarea name="content" lay-verify="content" id="remarkEditor" placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit="formLeaveMessage" lay-filter="formLeaveMessage">提交留言</button>
</div>
</form>
<ul class="blog-comment" style="text-align:left;" id="messageList"></ul>
</div>
</div>
</fieldset>
</div>
</div><!--留言墙End-->
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- 底部 -->
<footer id="f" class="blog-footer">
<p><span>Copyright</span><span>©</span><span>2018</span>
<a href="http://www.long225.cn">Long博客</a><span>Design By Longwang</span></p>
<p>
<a href="http://www.miitbeian.gov.cn" target="_blank">湘ICP备18010289号</a>
</p>
</footer>
<!--侧边导航-->
<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
<li class="layui-nav-item">
<a href="index.html"><i class="fa fa-home fa-fw"></i> 网站首页</a>
</li>
<li class="layui-nav-item">
<a href="article.html"><i class="fa fa-file-text fa-fw"></i> 文章专栏</a>
</li>
<li class="layui-nav-item">
<a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i> 杂七杂八</a>
</li>
<li class="layui-nav-item">
<a href="timeline.html"><i class="fa fa-road fa-fw"></i> 点点滴滴</a>
</li>
<li class="layui-nav-item">
<a href="about.html"><i class="fa fa-info fa-fw"></i> 关于本站</a>
</li>
<span class="layui-nav-bar"></span>
</ul>
<!--分享窗体-->
<div class="blog-share layui-hide">
<div class="blog-share-body">
<div style="width: 200px;height:100%;">
<div class="bdsharebuttonbox">
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
</div>
</div>
</div>
</div>
<!--遮罩-->
<div class="blog-mask animated layui-hide"></div>
<!-- jquery -->
<script src="js/jquery.min.js"></script>
<!-- layui.js -->
<script src="layui/layui.js"></script>
<!-- 全局脚本 -->
<script src="js/global.js"></script>
<!-- 本页脚本 -->
<script src="js/about.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fa-info").parent().parent().addClass("layui-this");
systemTime();
});
</script>
</body>
</html>