Skip to content

Commit 9891900

Browse files
author
yanghanqing
committed
v1.2 支持响应式布局
1 parent 5823f49 commit 9891900

1 file changed

Lines changed: 96 additions & 95 deletions

File tree

‎index.html‎

Lines changed: 96 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -7,113 +7,114 @@
77
<html>
88

99
<head>
10-
<meta charset="utf-8">
11-
<meta name="tinyblog" content="v1.2">
12-
<title>this is title</title>
13-
14-
<link href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
15-
<link href="//cdn.bootcss.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
16-
<link href="./css/mystyle.css" rel="stylesheet">
17-
18-
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
19-
<script src="//cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
20-
21-
<!--markdown-->
22-
<link rel="stylesheet" href="./editor.md/css/editormd.preview.min.css" />
23-
<script src="./editor.md/lib/marked.min.js"></script>
24-
<script src="./editor.md/lib/prettify.min.js"></script>
25-
<script src="./editor.md/lib/raphael.min.js"></script>
26-
<script src="./editor.md/lib/underscore.min.js"></script>
27-
<script src="./editor.md/lib/sequence-diagram.min.js"></script>
28-
<script src="./editor.md/lib/flowchart.min.js"></script>
29-
<script src="./editor.md/lib/jquery.flowchart.min.js"></script>
30-
<script src="./editor.md/editormd.min.js"></script>
31-
<!--markdown-->
32-
33-
<script src="./js/core.js"></script>
10+
<meta charset="utf-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
<meta name="tinyblog" content="v1.2">
13+
<title>this is title</title>
14+
15+
<link href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
16+
<link href="//cdn.bootcss.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
17+
<link href="./css/mystyle.css" rel="stylesheet">
18+
19+
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
20+
<script src="//cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
21+
22+
<!--markdown-->
23+
<link rel="stylesheet" href="./editor.md/css/editormd.preview.min.css" />
24+
<script src="./editor.md/lib/marked.min.js"></script>
25+
<script src="./editor.md/lib/prettify.min.js"></script>
26+
<script src="./editor.md/lib/raphael.min.js"></script>
27+
<script src="./editor.md/lib/underscore.min.js"></script>
28+
<script src="./editor.md/lib/sequence-diagram.min.js"></script>
29+
<script src="./editor.md/lib/flowchart.min.js"></script>
30+
<script src="./editor.md/lib/jquery.flowchart.min.js"></script>
31+
<script src="./editor.md/editormd.min.js"></script>
32+
<!--markdown-->
33+
34+
<script src="./js/core.js"></script>
3435

3536
</head>
3637

3738
<body>
3839

39-
<!-- Navigation -->
40-
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
41-
<div class="container-fluid">
42-
<!-- Brand and toggle get grouped for better mobile display -->
43-
<div class="navbar-header">
44-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" id="btnNav">
40+
<!-- Navigation -->
41+
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
42+
<div class="container-fluid">
43+
<!-- Brand and toggle get grouped for better mobile display -->
44+
<div class="navbar-header">
45+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" id="btnNav">
4546
<span class="sr-only">Toggle navigation</span>
4647
<span class="icon-bar"></span>
4748
<span class="icon-bar"></span>
4849
<span class="icon-bar"></span>
4950
</button>
50-
<a class="navbar-brand" href="#" id="header">BlogName</a>
51-
</div>
52-
<!-- Collect the nav links, forms, and other content for toggling -->
53-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
54-
<ul class="nav navbar-nav" id="nav2">
55-
</ul>
56-
</div>
57-
<!-- /.navbar-collapse -->
58-
</div>
59-
<!-- /.container -->
60-
</nav>
61-
62-
<div class="container-fluid ">
63-
<div class="row">
64-
65-
<div class="col-sm-3 col-md-2 sidebar ">
66-
67-
<ul class="nav nav-sidebar" id="nav">
68-
69-
<!--文章列表-->
70-
</ul>
71-
</div>
72-
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
73-
<!--正文-->
74-
<h1 class="page-header" id="title">About Me</h1>
75-
<div id="article"> HelloWorld! 你好 世界！ </div>
76-
77-
<div class="panel panel-white post " id="comments">
78-
<div class="post-footer">
79-
<div class="input-group">
80-
<input id="comment_txt" class="form-control" placeholder="Add a comment" type="text">
81-
<span class="input-group-addon">
51+
<a class="navbar-brand" href="#" id="header">BlogName</a>
52+
</div>
53+
<!-- Collect the nav links, forms, and other content for toggling -->
54+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
55+
<ul class="nav navbar-nav" id="nav2">
56+
</ul>
57+
</div>
58+
<!-- /.navbar-collapse -->
59+
</div>
60+
<!-- /.container -->
61+
</nav>
62+
63+
<div class="container-fluid ">
64+
<div class="row">
65+
66+
<div class="col-sm-3 col-md-2 sidebar ">
67+
68+
<ul class="nav nav-sidebar" id="nav">
69+
70+
<!--文章列表-->
71+
</ul>
72+
</div>
73+
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
74+
<!--正文-->
75+
<h1 class="page-header" id="title">About Me</h1>
76+
<div id="article"> HelloWorld! 你好 世界！ </div>
77+
78+
<div class="panel panel-white post " id="comments">
79+
<div class="post-footer">
80+
<div class="input-group">
81+
<input id="comment_txt" class="form-control" placeholder="Add a comment" type="text">
82+
<span class="input-group-addon">
8283
<a href="#"><i class="fa fa-edit" onclick="login()"></i></a>
8384
</span>
84-
</div>
85-
<ul class="comments-list" id="commentsList">
86-
</ul>
87-
</div>
88-
</div>
89-
</div>
90-
</div>
91-
</div>
92-
93-
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
94-
<div class="modal-dialog" role="document">
95-
<div class="modal-content">
96-
<div class="modal-header">
97-
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
98-
<h4 class="modal-title" id="myModalLabel">登录</h4>
99-
</div>
100-
<div class="modal-body">
101-
<div class="form-group">
102-
<label for="txt_departmentlevel">Username</label>
103-
<input type="text" name="txt_departmentlevel" class="form-control" id="txt_username" placeholder="Github用户名">
104-
</div>
105-
<div class="form-group">
106-
<label for="txt_statu">Password</label>
107-
<input type="password" name="txt_statu" class="form-control" id="txt_password" placeholder="Github密码">
108-
</div>
109-
<div class="alert alert-warning" role="alert" id="tips">我们不会获取您的用户名和密码,评论直接通过 HTTPS 与 Github API交互,如果您开启了两步验证,请在博客的Github issues 下添加 Comment</div>
110-
</div>
111-
<div class="modal-footer">
112-
<button type="button" id="btn_subComment" class="btn btn-primary" data-dismiss="modal" onclick="subComment()">提交</button>
113-
</div>
114-
</div>
115-
</div>
116-
</div>
85+
</div>
86+
<ul class="comments-list" id="commentsList">
87+
</ul>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
94+
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
95+
<div class="modal-dialog" role="document">
96+
<div class="modal-content">
97+
<div class="modal-header">
98+
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
99+
<h4 class="modal-title" id="myModalLabel">登录</h4>
100+
</div>
101+
<div class="modal-body">
102+
<div class="form-group">
103+
<label for="txt_departmentlevel">Username</label>
104+
<input type="text" name="txt_departmentlevel" class="form-control" id="txt_username" placeholder="Github用户名">
105+
</div>
106+
<div class="form-group">
107+
<label for="txt_statu">Password</label>
108+
<input type="password" name="txt_statu" class="form-control" id="txt_password" placeholder="Github密码">
109+
</div>
110+
<div class="alert alert-warning" role="alert" id="tips">我们不会获取您的用户名和密码,评论直接通过 HTTPS 与 Github API交互,如果您开启了两步验证,请在博客的Github issues 下添加 Comment</div>
111+
</div>
112+
<div class="modal-footer">
113+
<button type="button" id="btn_subComment" class="btn btn-primary" data-dismiss="modal" onclick="subComment()">提交</button>
114+
</div>
115+
</div>
116+
</div>
117+
</div>
117118

118119

119120

0 commit comments

Comments
 (0)