-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (254 loc) · 14.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>个人博客</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="css/jquery.bxslider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">主页</a></li>
<li><a href="#about">生活方式</a></li>
<li><a href="#contact">旅行</a></li>
<li><a href="#contact">时尚</a></li>
<li><a href="about.html">自我介绍</a></li>
<li><a href="introduce/introduce.html">简历</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-reddit"></i></a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<header>
<a href="index.html"><img width="288px;" src="images/logo.png"></a>
</header>
<section class="main-slider">
<ul class="bxslider">
<li><div class="slider-item"><img src="images/1140x500-2.jpg" title="Funky roots" /><h2><a href="post.html" title="人生就像走猫步，左一步，右一步">人生就像走猫步，左一步，右一步</a></h2></div></li>
<li><div class="slider-item"><img src="images/1140x500-1.jpg" title="Funky roots" /><h2><a href="post.html" title="人生就像走猫步，左一步，右一步">人生就像走猫步，左一步，右一步</a></h2></div></li>
<li><div class="slider-item"><img src="images/1140x500-3.jpg" title="Funky roots" /><h2><a href="post.html" title="人生就像走猫步，左一步，右一步">人生就像走猫步，左一步，右一步</a></h2></div></li>
</ul>
</section>
<section>
<div class="row">
<div class="col-md-8">
<article class="blog-post">
<div class="blog-post-image">
<a href="post.html"><img src="images/750x500-1.jpg" alt=""></a>
</div>
<div class="blog-post-body">
<h2><a href="post.html">PHP优势</a></h2>
<div class="post-meta"><span>by <a href="#">陈</a></span>/<span><i class="fa fa-clock-o"></i>March 14, 2015</span>/<span><i class="fa fa-comment-o"></i> <a href="#">343</a></span></div>
<p>开放源代码
所有的PHP源代码事实上都可以得到。
免费性
和其它技术相比，PHP本身免费且是开源代码。
快捷性
程序开发快，运行快，技术本身学习快。嵌入于HTML：因为PHP可以被嵌入于HTML语言，它相对于其他语言。编辑简单，实用性强，更适合初学者。
跨平台性强
由于PHP是运行在服务器端的脚本，可以运行在UNIX、LINUX、WINDOWS、Mac OS、Android等平台
效率高
PHP消耗相当少的系统资源。
图像处理
用PHP动态创建图像,PHP图像处理默认使用GD2。且也可以配置为使用image magick进行图像处理。
面向对象
在php4,php5 中，面向对象方面都有了很大的改进，php完全可以用来开发大型商业程序。
专业专注
PHP支持脚本语言为主，同为类C语言。</p>
<div class="read-more"><a href="#">阅读更多...</a></div>
</div>
</article>
<!-- article -->
<article class="blog-post">
<div class="blog-post-image">
<a href="post.html"><img src="images/750x500-2.jpg" alt=""></a>
</div>
<div class="blog-post-body">
<h2><a href="post.html">PHP简介</a></h2>
<div class="post-meta"><span>by <a href="#">陈</a></span>/<span><i class="fa fa-clock-o"></i>March 14, 2015</span>/<span><i class="fa fa-comment-o"></i> <a href="#">343</a></span></div>
<p>动态内容为什么这么热门？假设您正在管理有 10 个产品的电子商务站点。只要产品不是经常变动或者预料到它不会有太大的变动，那么手工编写 10 个带有必要的信息、表单和诸如此类内容的静态产品页面是不困难的。但是，假设您在本月再要添加 10 个或更多产品，然后在下个月要更多，而且价格有时会变动或者想改变站点的观感。那么您就会陷入用手工重新编写数十个，也许上百个静态页面的困境中。
另一方面，假设您从创建 product.php 页面开始。它没有静态信息，而是编码成可以从产品数据库中提取信息并动态地构建一个页面。然后您就拥有了一个元数据页面，它可以根据存储在数据库中的信息提供一个、一百个、甚至十万个单独页面。现在网站管理员不再整天都简单重复更新静态页面的工作，因为在更新公司数据库中的信息同时就可以更新页面上的信息。这样就消除了令人头疼的时间延迟（在数据库中更改信息和在网站上显示信息之间的时间间隔）。
总体来说，PHP 非常适合 Web 上的工作。但它并不是唯一的方法；如 Perl、Java、JavaScript、ASP、Python、Tcl、CGI 以及其它许多方法都可以生成动态的内容。但是，PHP 的优点是：它是专为基于 Web 的问题而设计的以及它是开放源码。
如果您正在为文字处理或 3D 游戏寻找程序设计语言，那 PHP 可能不是您所需要的语言。如果您需要运行一个具有动态内容、数据库交互和电子贸易的网站，那么就请继续读下去，因为 PHP 在这方面确实是非常有用的。</p>
<div class="read-more"><a href="#">阅读更多...</a></div>
</div>
</article>
<!-- article -->
<article class="blog-post">
<div class="blog-post-image">
<a href="post.html"><img src="images/750x500-3.jpg" alt=""></a>
</div>
<div class="blog-post-body">
<h2><a href="post.html">我在郑州</a></h2>
<div class="post-meta"><span>by <a href="#">陈</a></span>/<span><i class="fa fa-clock-o"></i>March 14, 2015</span>/<span><i class="fa fa-comment-o"></i> <a href="#">343</a></span></div>
<p>郑州是一个有着悠久历史的城市，早在3500年前，这里就是商王朝的都城。那时的青铜冶炼技术和陶瓷业已相当发达。郑州出土的青釉瓷罐是中国最早的原始瓷器。由于郑州地处黄河中游，历史上常受到黄河水灾的威胁，致使郑州经济发展缓慢。二十世纪初，由于陇海铁路和京广铁路的建成，郑州成为联系中国东西南北的纽带，它的经济地位开始迅速上升。1923年，这里爆发了永垂史册的京汉铁路工人“二七”大罢工。1954年，河南省会正式由开封迁往郑州。如今的郑州已成为中原乃至华中的商贸中心，“商战”一词就是来源于郑州。
郑州的旅游资源比较丰富。有轩辕黄帝故里、裴李岗文化遗址、大河村遗址、夏都阳城遗址、商城遗址等上古时期的历史遗迹，而以黄河游览区为主的黄河历史文化旅游区和以少林寺、嵩山国家森林公园为主的嵩山风景名胜区也给郑州增添了无穷的魅力。
郑州是中国重要的内陆开放城市和历史文化名城，崛起的现代化商贸城市。郑州在黄河南岸，崇山峻岭之东，与七朝古都开封和九朝古老洛阳东西相临，东南面向黄淮平原。</p>
<div class="read-more"><a href="#">阅读更多...</a></div>
</div>
</article>
</div>
<div class="copyrights">收集 <a href="http://itphpcll.github.io/" >个人主页</a></div>
<div class="col-md-4 sidebar-gutter">
<aside>
<!-- sidebar-widget -->
<div class="sidebar-widget">
<h3 class="sidebar-title">关于我</h3>
<div class="widget-container widget-about">
<a href="post.html"><img src="images/author.jpg" alt=""></a>
<h4>陈</h4>
<div class="author-title">程序员</div>
<p>虽然每个人的眼睛都盯着跑道，但很难忽视这一点。</p>
</div>
</div>
<!-- sidebar-widget -->
<div class="sidebar-widget">
<h3 class="sidebar-title">帖子</h3>
<div class="widget-container">
<article class="widget-post">
<div class="post-image">
<a href="post.html"><img src="images/90x60-1.jpg" alt=""></a>
</div>
<div class="post-body">
<h2><a href="post.html">PHP是一门应该值得尊敬的语言</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> 2.敬畏的 2015</span> <span><a href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
</div>
</div>
</article>
<article class="widget-post">
<div class="post-image">
<a href="post.html"><img src="images/90x60-2.jpg" alt=""></a>
</div>
<div class="post-body">
<h2><a href="post.html">学php开发必学的知识点有哪些？</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> 2. 敬畏的 2015</span> <span><a href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
</div>
</div>
</article>
<article class="widget-post">
<div class="post-image">
<a href="post.html"><img src="images/90x60-3.jpg" alt=""></a>
</div>
<div class="post-body">
<h2><a href="post.html">作为程序员,你最怕听到的是什么话?</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> 2. 敬畏的 2015</span> <span><a href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
</div>
</div>
</article>
<article class="widget-post">
<div class="post-image">
<a href="post.html"><img src="images/90x60-4.jpg" alt=""></a>
</div>
<div class="post-body">
<h2><a href="post.html">人生就像走猫步，左一步，右一步</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> 2. 敬畏的 2015</span> <span><a href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
</div>
</div>
</article>
<article class="widget-post">
<div class="post-image">
<a href="post.html"><img src="images/90x60-5.jpg" alt=""></a>
</div>
<div class="post-body">
<h2><a href="post.html">2018年最值得学习的编程语言是?</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> 2. 敬畏的 2015</span> <span><a href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
</div>
</div>
</article>
</div>
</div>
<!-- sidebar-widget -->
<div class="sidebar-widget">
<h3 class="sidebar-title">人生百态</h3>
<div class="widget-container">
<div class="widget-socials">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-reddit"></i></a>
</div>
</div>
</div>
<!-- sidebar-widget -->
<div class="sidebar-widget">
<h3 class="sidebar-title">文章分类</h3>
<div class="widget-container">
<ul>
<li><a href="#">生活时尚</a></li>
<li><a href="#">文学艺术</a></li>
<li><a href="#">平面设计</a></li>
<li><a href="#">网站编程</a></li>
<li><a href="#">计算机算法</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">其他语言</a></li>
<li><a href="https://m.kuaidi100.com/" target="_blank">快递查询</a></li>
</ul>
</div>
</div>
</div>
</aside>
</div>
</div>
</section>
</div><!-- /.container -->
<footer class="footer">
<div class="footer-socials">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-reddit"></i></a>
</div>
<div class="footer-bottom">
<i class="fa fa-copyright"></i> Copyright 2015. All rights reserved.<br>
More Templates <a href="http://itphpcll.github.io/" target="_blank" title="个人主页">个人主页</a> - Collect from <a href="http://itphpcll.github.io/" title="首页" target="_blank">首页</a>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script src="js/mooz.scripts.min.js"></script>
</body>
</html>