-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (200 loc) · 10.4 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<!-- 优先使用最新版本IE和谷歌浏览器 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 响应式 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<!-- 默认使用webkit渲染内核 -->
<meta name="renderer" content="webkit">
<!-- 阻止数字在Iphone点击可拨号-->
<meta name="format-detection" content="telephone=no">
<!-- 允许iphone设备全屏模式浏览,隐藏浏览器导航栏 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 屏蔽百度转码 -->
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<!-- SEO关键字 -->
<title>安忆博客-永远热爱生活,永远期待明天</title>
<meta name="description" content="安忆博客,专注于分享前端技术经验,各类互联网资源和生活杂记的个人博客。">
<meta name="keywords" content="安忆博客,安忆,Kepler,IT博客,个人博客,UniApp技术博客,前端博客,AnyiBlog,anyi,Anyi">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" href="js/slider/slider.css">
</head>
<body class="home blog">
<div class="content-box">
<div class="header">
<div class="logo-wrap">
<a href="/" title="安忆博客" class="logo-img-wrap">
<img src="./img/logo.jpeg" alt="" class="logo">
<h2>Kepler</h2>
</a>
<p class="sub-title">永远热爱生活,永远期待明天</p>
</div>
<div class="menu-box">
<ul class="menu-list">
<li class="menu-item current-menu-item">
<a title="编程技术代码" href="#">
<i class="anyi-icon icon-code"></i>
<p class="menu-item-title">代码</p>
</a>
</li>
<li class="menu-item">
<a title="生活日常杂记" href="#">
<i class="anyi-icon icon-notice"></i>
<p class="menu-item-title">杂记</p>
</a>
</li>
<li class="menu-item">
<a title="友情链接" href="#">
<i class="anyi-icon icon-link"></i>
<p class="menu-item-title">友联</p>
</a>
</li>
<li class="menu-item">
<a title="个人介绍" href="#">
<i class="anyi-icon icon-about-me"></i>
<p class="menu-item-title">关于</p>
</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="slider-container">
<div class="slider">
<a class="slider__item pic-cover-item" href="" target="_blank">
<img src="https://img.thosefree.com/wp-content/uploads/2021/06/naive-ui-cover.jpg&720x405.jpg" class="pic-cover-item-img" alt="" draggable="false">
<div class="slider__caption">
<h3 class="pic-cover-item-title">IconPark - 字节跳动出品的开源图标库,数量超多、品质很高</h3>
</div>
</a>
<a class="slider__item pic-cover-item" href="" target="_blank">
<img src="https://img.thosefree.com/wp-content/uploads/2021/06/naive-ui-cover.jpg&720x405.jpg" class="pic-cover-item-img" alt="" draggable="false">
<div class="slider__caption">
<h3 class="pic-cover-item-title">IconPark - 字节跳动出品的开源图标库,数量超多、品质很高</h3>
</div>
</a>
<a class="slider__item pic-cover-item" href="" target="_blank">
<img src="https://img.thosefree.com/wp-content/uploads/2021/06/naive-ui-cover.jpg&720x405.jpg" class="pic-cover-item-img" alt="" draggable="false">
<div class="slider__caption">
<h3 class="pic-cover-item-title">IconPark - 字节跳动出品的开源图标库,数量超多、品质很高</h3>
</div>
</a>
</div>
<div class="slider__switch slider__switch--prev" data-ikslider-dir="prev">
<span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M13.89 17.418c.27.272.27.71 0 .98s-.7.27-.968 0l-7.83-7.91c-.268-.27-.268-.706 0-.978l7.83-7.908c.268-.27.7-.27.97 0s.267.71 0 .98L6.75 10l7.14 7.418z"/>
</svg>
</span>
</div>
<div class="slider__switch slider__switch--next" data-ikslider-dir="next">
<span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M13.25 10L6.11 2.58c-.27-.27-.27-.707 0-.98.267-.27.7-.27.968 0l7.83 7.91c.268.27.268.708 0 .978l-7.83 7.908c-.268.27-.7.27-.97 0s-.267-.707 0-.98L13.25 10z"/>
</svg>
</span>
</div>
</div>
<div class="post-list">
<div class="post-item">
<a class="post-item-img-hover" href="./article-02.html" title="iPad 和 iWatch SE 开箱-安忆博客"
target="_blank">
<img class="post-item-img" src="./img/article02.jpeg" alt="iPad 和 iWatch SE 开箱-安忆博客">
</a>
<a href="./article-02.html" class="post-item-title" title="iPad 和 iWatch SE 开箱-安忆博客" target="_blank">
<h3 class="post-item-title_text">iPad 和 iWatch SE 开箱</h3>
</a>
<div class="post-item-tags">
<div class="tag-wrap">
<a href="./article-02.html" rel="tag">生活杂记</a>
</div>
<p class="post-item-meta">2022-03-31</p>
</div>
<p class="post-item-summary">iPad 老早以前就考虑购买个,都说买来生产力,买后爱奇艺,当我入手后前面几天抱着玩几天,后面完全已经完全吃灰了。当然偶尔也会使</p>
</div>
<div class="post-item">
<a class="post-item-img-hover" href="article-01.html" title="最近的生活琐事-安忆博客" target="_blank">
<img class="post-item-img" src="./img/article01.jpeg" alt="最近的生活琐事-安忆博客">
</a>
<a href="article-01.html" class="post-item-title" title="最近的生活琐事-安忆博客" target="_blank">
<h3 class="post-item-title_text">最近的生活琐事</h3>
</a>
<div class="post-item-tags">
<div class="tag-wrap">
<a href="article-01.html" rel="tag">生活杂记</a>
</div>
<p class="post-item-meta">2022-03-18</p>
</div>
<p class="post-item-summary">2022年是考验我的一年,我相信过完2022年迎接的将是全新的生活以及全新的我,从1月份到现在,短短4个月有太多的烦心事了......</p>
</div>
</div>
</div>
<div class="aside">
<div class="aside-item">
<div class="aside-item-content">
<div class="search-form">
<i class="anyi-icon icon-search"></i>
<input value=""
name=""
type="text"
class="search-input"
placeholder="输入关键词,回车搜索">
</div>
<div class="block-wrap">
<h2 class="block-title">
<a href="#" class="block-title_a">精品好文<i class=""></i></a>
</h2>
<div class="sidebar-post-list-not-desc">
<div class="sidebar-post-item">
<a class="sidebar-post-item-img-box"
href="article-01.html"
title="2022,重新启航-安忆博客">
<img class="sidebar-post-item-img"
src="./img/article01.jpeg"
alt="2022,重新启航-安忆博客">
</a>
<a class="sidebar-post-item-title" href="article-01.html"
title="2022,重新启航-安忆博客">
<h3>2022,重新启航</h3>
</a>
</div>
<div class="sidebar-post-item">
<a class="sidebar-post-item-img-box" href="article-02.html"
title="最近的生活琐事-安忆博客">
<img class="sidebar-post-item-img"
src="./img/article02.jpeg"
alt="最近的生活琐事-安忆博客">
</a>
<a class="sidebar-post-item-title" href="article-02.html"
title="最近的生活琐事-安忆博客">
<h3>最近的生活琐事</h3>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
Copy Right©2022, All Rights Kepler. anyiblog.com
<br class="footer-br">
<a href="https://beian.miit.gov.cn/" target="_blank" ref="nofollow">渝ICP备2021007090号-1</a>
<a href="https://www.anyiblog.com" target="_blank" ref="nofollow">Kepler</a>
</div>
<script src="https://img.thosefree.com/static/jquery.min.js"></script>
<script src="./js/slider/slider.js"></script>
<script type="text/javascript">
$(".slider-container").ikSlider({
speed: 500,
delay: 3000,
infinite: true
});
</script>
</body>
</html>