-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
130 lines (119 loc) · 4.55 KB
/
blog.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="bootstrap3.0.3/css/bootstrap.css">
<title>Document</title>
<script src="bootstrap3.0.3/js/jquery.min.js"></script>
<style type="text/css">
body {
background-color: #ccc;
}
.widget {
padding: 21px 30px;
background: #ffffff;
margin-bottom: 35px;
}
.text-mysql {
height: 200px;
overflow: hidden;
font-size: 18px;
margin-bottom: 15px;
}
.span-right {
float: right;
}
</style>
<script>
</script>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default row" role="navigation">
<div class="navbar-header col-lg-2">
<a class="navbar-brand" href="index.php">博客之家</a>
</div>
<div class="col-lg-6">
<ul class="nav navbar-nav">
<li class="active"><a href="index.php">首页</a></li>
<li><a href="#">订阅</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">管理</a></li>
<li><a href="edit.html">发表</a></li>
</ul>
</div>
<div class="col-lg-4">
<form class="navbar-form navbar-left" role="search" action="index.php" method="get">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" name="action">
</div>
<button type="submit" class="btn btn-default">搜索</button>
</form>
</div>
</nav>
<div class="row">
<div class="col-lg-9 main-content" style="background-color: #ffffff">
<div class="col-xs-12">
<!--
<div class="page-header">
<h1 class="center"><a href="">文章标题</a></h1>
<div class="text-mysql">
<p>
从这周起,我们将 Ghost 推荐 Node.js 版本升级为 Node.js v4 LTS。 我们这样做其实已经落后于计划了。然而,经过大量测试之后,我们确信 Ghost 可以在
Node.js v4 平台上流畅的运行并且内存消耗比原来也减少了。目前,Ghost(Pro) 上托
</p>
</div>
<a class="btn btn-success" href="item.php?id=3">阅读全文</a>
<span class="span-right">20165</span>
</div>
-->
<?php
foreach ($all as $value) {
echo '<div class="page-header">';
echo '<h1 class="center"><a href="item.php?id='.$value['id'].'">'.str_replace($action,'<span style="color: red">'.$action.'</span>',$value['title']).'</a></h1>';
echo '<div class="text-mysql">';
echo '<p>'.str_replace($action,'<span style="color: red">'.$action.'</span>',$value['body']).'</p>';
echo '</div>';
echo '<a class="btn btn-success" href="item.php?id='.$value['id'].'">阅读全文</a>';
echo '<span class="span-right">'.$value['time'].'</span>';
echo '</div>';
}
?>
</div>
</div>
<div class="col-lg-3">
<div class="widget">
<h4><p>个人资料</p></h4>
<hr>
<p>昵称:<a href="">haha</a></p>
<p>圆龄:<a href="">1年5个月</a></p>
<p>粉丝:<a href="">500+</a></p>
<p>关注:<a href="">200+</a></p>
<p><a href="">加关注</a></p>
</div>
<div class="widget">
<h4><p>文章分类</p></h4>
<hr>
<p><a href="">Web</a></p>
<p><a href="">PHP</a></p>
<p><a href="">MySql</a></p>
<p><a href="">Java</a></p>
<p><a href="">程序人生</a></p>
</div>
<div class="widget">
<h4><p>文章存档</p></h4>
<hr>
<p><a href="">2016年7月</a></p>
<p><a href="">2016年6月</a></p>
<p><a href="">2016年5月</a></p>
<p><a href="">2016年4月</a></p>
<p><a href="">2016年3月</a></p>
</div>
</div>
</main>
</div>
</body>
</html>