13 |
14 |
15 |
16 |
17 |
Home »
18 | is('index')): ?>
19 | Index
20 | is('post')): ?>
21 | category(); ?> » title() ?>
22 |
23 | archiveTitle(' » ','',''); ?>
24 |
25 |
26 |
27 |
28 |
29 |
30 | widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archives);
32 | $year=0; $mon=0; $i=0; $j=0;
33 | $output = '';
34 | while($archives->next()):
35 | $year_tmp = date('Y',$archives->created);
36 | $mon_tmp = date('F',$archives->created);
37 | $day_tmp = date('d',$archives->created);
38 | $y=$year; $m=$mon;
39 | // if ($mon != $mon_tmp && $mon > 0) $output .= '';
40 | if ($year != $year_tmp && $year > 0) $output .= '';
41 | if ($year != $year_tmp) {
42 | $year = $year_tmp;
43 | $output .= '
'. $year .' 年
'; //输出年份
44 | }
45 | // if ($mon != $mon_tmp) {
46 | $mon = $mon_tmp;
47 | // $output .= '- '. $mon .' 月
'; //输出月份
48 | // }
49 | $day = $day_tmp;
50 | $output .= '- '. $archives->title .' ()
'; //输出文章日期和标题
51 | endwhile;
52 | $output .= '
';
53 | echo $output;
54 | ?>
55 |
56 |
57 |
58 |
59 |
60 | need('footer.php'); ?>
--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding: 0;
3 | margin: 0;
4 | font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
5 | overflow-x: hidden;
6 | }
7 |
8 | ::-webkit-scrollbar {
9 | width: 8px;
10 | height: 4px;
11 | }
12 |
13 | ::-webkit-scrollbar-button {
14 | width: 8px;
15 | height: 0
16 | }
17 |
18 | ::-webkit-scrollbar-track {
19 | background: transparent
20 | }
21 |
22 | ::-webkit-scrollbar-thumb {
23 | background: #61a8df;
24 | -webkit-transition: .3s;
25 | transition: .3s;
26 | }
27 |
28 | ::-webkit-scrollbar-thumb:hover {
29 | background-color: #37DACE
30 | }
31 |
32 | ::-webkit-scrollbar-thumb:active {
33 | background-color: #17BBAF;
34 | }
35 | * {
36 | word-break: break-all;
37 | word-wrap: break-word;
38 | }
39 | @font-face {
40 | font-family: 'fontello';
41 | src: url('../font/fontello.eot?18127066');
42 | src: url('../font/fontello.eot?18127066#iefix') format('embedded-opentype'), url('../font/fontello.woff?18127066') format('woff'), url('../font/fontello.ttf?18127066') format('truetype'), url('../font/fontello.svg?18127066#fontello') format('svg');
43 | font-weight: normal;
44 | font-style: normal;
45 | }
46 |
47 | [class^="icon-"]:before,
48 | [class*=" icon-"]:before {
49 | font-family: "fontello";
50 | font-style: normal;
51 | font-weight: normal;
52 | display: inline-block;
53 | text-decoration: inherit;
54 | width: 14px;
55 | margin-right: .2em;
56 | text-align: center;
57 | /* opacity: .8; */
58 | font-variant: normal;
59 | text-transform: none;
60 | line-height: 40px;
61 | margin-left: .2em;
62 | font-size: 120%;
63 | /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
64 | }
65 |
66 | a.tab:hover {
67 | text-decoration: none;
68 | color: #fff;
69 | background-color: #61a8df;
70 | border-radius: 2px;
71 | }
72 |
73 | a.tab:link,
74 | a.tab:visited,
75 | a.tab:active {
76 | display: inline-block;
77 | font-size: 13px;
78 | line-height: 13px;
79 | padding: 5px 8px 5px 8px;
80 | border-radius: 3px;
81 | color: #ddd;
82 | }
83 |
84 | .exitdemo {
85 | background-color: #50D0EC;
86 | text-align: center;
87 | position: fixed;
88 | right: 48px;
89 | top: 72px;
90 | padding: 10px;
91 | border-radius: 3px;
92 | }
93 |
94 | .exitdemo p {
95 | margin: 0;
96 | }
97 |
98 | .navbar {
99 | margin-bottom: 0!important;
100 | }
101 |
102 | .navbar-brand {
103 | padding: 10px 15px!important;
104 | }
105 | .navbar-brand{
106 | line-height: 30px;
107 | font-size: 25px;
108 | font-weight: 700;
109 | }
110 | .navbar-form .form-group {
111 | position: relative;
112 | }
113 |
114 | .navbar-form .form-input.active .form-control {
115 | width: 220px;
116 | }
117 |
118 | .navbar-form .form-control {
119 | width: 150px;
120 | height: 30px;
121 | font-size: 14px;
122 | border-radius: 20px;
123 | line-height: 28px;
124 | padding: 0 12px;
125 | padding-left: 31px;
126 | background-color: #fff;
127 | background-image: none;
128 | border: 1px solid #ccc;
129 | -webkit-transition: all .3s ease;
130 | -moz-transition: all .3s ease;
131 | -o-transition: all .3s ease;
132 | transition: all .3s ease;
133 | }
134 |
135 | .navbar-form .button {
136 | position: absolute;
137 | outline: 0;
138 | height: 30px;
139 | width: 39px;
140 | top: 0;
141 | left: 0;
142 | font-size: 17px;
143 | color: #b3b3b3;
144 | border-top-right-radius: 20px;
145 | border-bottom-right-radius: 20px;
146 | border: none;
147 | background: url(../img/search.png) center center no-repeat;
148 | background-size: 15px 15px;
149 | }
150 |
151 | .form-input {
152 | width: 280px;
153 | height: 28px;
154 | margin-top: 3px;
155 | position: relative;
156 | }
157 |
158 | #input {
159 | border: none;
160 | width: 200px;
161 | height: 26px;
162 | margin: 0px 0px 2px 30px;
163 | background-color: transparent;
164 | font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti !important;
165 | font-size: 12px;
166 | line-height: 16px;
167 | outline: none;
168 | }
169 |
170 | .bread {
171 | padding: 8px 15px;
172 | margin-bottom: 20px;
173 | list-style: none;
174 | background-color: #fff;
175 | border-radius: 3px;
176 | width: 100%;
177 | }
178 |
179 | .wrapper {
180 | /*text-align: center;*/
181 | background-color: #e2e2e2;
182 | }
183 |
184 | .inner {
185 | padding: 10px;
186 | font-size: 12px;
187 | line-height: 150%;
188 | text-align: left;
189 | }
190 |
191 | .main {
192 | padding-top: 20px;
193 | }
194 |
195 | .post-title a:hover {
196 | text-decoration: none;
197 | }
198 |
199 | .clear {
200 | clear: both;
201 | }
202 |
203 | .cate li {
204 | float: left;
205 | margin: 0px 10px;
206 | }
207 |
208 | .boxcont,
209 | #comments {
210 | background: #fff;
211 | border-radius: 3px;
212 | }
213 |
214 | .main_arc {
215 | padding-top: 20px;
216 | margin-bottom: 3em;
217 | }
218 |
219 | .articles-ul li {
220 | list-style: square;
221 | margin-left: 3em
222 | }
223 |
224 | .post {
225 | overflow: hidden;
226 | padding: 20px;
227 | border-bottom: 1px solid #ddd;
228 | }
229 |
230 | .post img {
231 | max-width: 100%;
232 | }
233 |
234 | .post-head {
235 | margin-bottom: 5px;
236 | }
237 |
238 | .post-head h3 {
239 | margin: 5px 0;
240 | }
241 |
242 | .post-head time {
243 | color: #aaa;
244 | }
245 |
246 | .post-content {
247 | margin: 10px 0 0 0;
248 | line-height: 22px;
249 | }
250 | .post-content ul{
251 | list-style: disc;
252 | padding: 0 2rem;
253 | margin: .5rem 0;
254 | }
255 | .post-content ol{
256 | list-style: decimal;
257 | padding: 0 2rem;
258 | margin: .5rem 0;
259 | }
260 |
261 | .post-foot {
262 | border-top: 1px solid #ddd;
263 | }
264 |
265 | .post-tag {
266 | padding-top: 5px;
267 | }
268 |
269 | .post-tag a {
270 | color: #848484;
271 | text-decoration: none;
272 | }
273 |
274 | .post-tag span {
275 | margin-right: 8px;
276 | font-size: 12px;
277 | }
278 | .post-tag li {
279 | padding-top: 8px;
280 | margin-left: 4px;
281 | margin-right: 8px;
282 | float: left;
283 | }
284 | .icon-tag:before {
285 | content: '\e803';
286 | height: 15px;
287 | float: left;
288 | color: #666;
289 | }
290 | .post-foot-link {
291 | margin-top: 12px;
292 | }
293 | p code {
294 | border: 1px solid #ddd;
295 | }
296 |
297 | ol,
298 | ul {
299 | margin: 0;
300 | padding: 0;
301 | list-style: none;
302 | }
303 |
304 | .fl,
305 | .fr {
306 | display: inline;
307 | }
308 |
309 | .fl {
310 | float: left;
311 | }
312 |
313 | .fr {
314 | float: right;
315 | }
316 |
317 | .rightbar {
318 | padding-top: 20px;
319 | }
320 |
321 | .box-info,
322 | .box-art,
323 | .box-rep,
324 | .box-link {
325 | background-color: #fff;
326 | border-radius: 3px;
327 | box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
328 | border-bottom: 1px solid #e2e2e2;
329 | margin-bottom: 30px;
330 | }
331 |
332 | .info {
333 | padding-top: 20px;
334 | text-align: center;
335 | margin: auto;
336 | font-size: 16px;
337 | border-bottom: 1px solid #cccccc;
338 | }
339 |
340 | .info img {
341 | margin-bottom: 10px;
342 | border-radius: 50%;
343 | }
344 |
345 | .table-info {
346 | margin: 15px 0 5px 27px;
347 | }
348 | .table-info a {
349 | margin-left: 10px;
350 | width: 32px;
351 | height: 32px;
352 | text-decoration: none;
353 | display: inline-block;
354 | background-repeat: no-repeat;
355 | }
356 | .github{ background-image: url(../img/icon/GitHub.png);}
357 | .twitter{background-image: url(../img/icon/twitter.png);}
358 | .sina_weibo{background-image: url(../img/icon/sina_weibo.png);}
359 | .tencent_weibo{background-image: url(../img/icon/tencent_weibo.png);}
360 | .QQ{background-image: url(../img/icon/QQ.png);}
361 | .RSS{background-image: url(../img/icon/RSS.png);}
362 | .douban{background-image: url(../img/icon/douban.png);}
363 | .google_plus{background-image: url(../img/icon/google_plus.png);}
364 | .zhuhu{background-image: url(../img/icon/zhihu.png);}
365 | .mail{background-image: url(../img/icon/mail.png);}
366 | .e_music{background-image: url(../img/icon/e_music.png);}
367 | .x_music{background-image: url(../img/icon/x_music.png);}
368 |
369 | .cell {
370 | padding: 10px;
371 | font-size: 12px;
372 | line-height: 120%;
373 | text-align: left;
374 | border-bottom: 1px solid #e2e2e2;
375 | }
376 |
377 | .fcolor {
378 | color: #A0A0A0;
379 | margin-left: 8px;
380 | }
381 |
382 | blockquote {
383 | padding: 10px 20px;
384 | background-color: #EDF1F4 !important;
385 | margin: 0 0 20px;
386 | font-size: 15.5px;
387 | border-left: 5px solid #9E9E9E !important;
388 | }
389 |
390 | #bottom {
391 | border-top: 1px solid rgba(0, 0, 0, 0.22);
392 | background: #f8f8f8;
393 | text-align: center;
394 | color: #999;
395 | padding: 26px 0 23px 0px;
396 | }
397 |
398 | .content {
399 | width: 1170px;
400 | margin: 0 auto;
401 | }
402 |
403 | .post-info {
404 | margin: 15px 0;
405 | }
406 | .textarea {
407 | width: 90%;
408 | }
409 |
410 | .page-nav {
411 | margin: 2em 0;
412 | }
413 |
414 | .page-nav ol {
415 | margin: 0;
416 | padding: 0;
417 | list-style-type: none;
418 | }
419 |
420 | .page-nav .current a {
421 | background-color: #5990de;
422 | color: #fff;
423 | }
424 |
425 | .page-nav ol li {
426 | display: inline-block;
427 | margin-left: 5px;
428 | }
429 |
430 | .page-nav ol li a {
431 | display: inline-block;
432 | padding: 5px 11px;
433 | border: 1px solid #72A3FD;
434 | }
435 |
436 | .pagination {
437 | margin: 0 0 10px 0!important;
438 | }
439 |
440 | @media screen and (max-width: 1163px) {
441 | .rightbar {
442 | display: none!important;
443 | }
444 | .navbar-form {
445 | display: none;
446 | }
447 | .content {
448 | width: auto;
449 | }
450 | .page-navigator {
451 | left: 100px;
452 | }
453 | .post-tag {
454 | display: none;
455 | }
456 | html {
457 | overflow-x: hidden;
458 | }
459 | .col-md-4 {
460 | display: none;
461 | }
462 | .post-info input {
463 | margin: 5px 0;
464 | }
465 | .col-md-8 {
466 | width: auto!important;
467 | }
468 | }
469 |
470 | @media screen and (min-width: 992px) {
471 | .col-md-8 {
472 | width: 70.66666%!important;
473 | }
474 | }
475 |
476 | @media screen and (min-width: 992px) {
477 | .col-md-4 {
478 | width: 28.333333%!important;
479 | }
480 | }
481 |
482 | @media (min-width: 992px) {}
483 |
484 | @media screen and (max-width: 768px) {}
485 |
486 |
487 | /*评论页面的css样式*/
488 |
489 | #comments {
490 | margin: 2.5em 0;
491 | padding: 20px;
492 | background-color: #fff;
493 | overflow: hidden;
494 | box-shadow: 0 2px 3px #ddd;
495 | clear: both;
496 | }
497 |
498 | #comments .page-navigator {
499 | list-style: none;
500 | margin: 0;
501 | padding: 26px 0;
502 | }
503 |
504 | #comments .page-navigator .current {
505 | background-color: #549FEC;
506 | }
507 |
508 | #comments .page-navigator li {
509 | float: left;
510 | margin: 0 2px;
511 | }
512 |
513 | #comments .page-navigator li a {
514 | padding: 0 10px;
515 | }
516 |
517 | .comment-list,
518 | .comment-list ol {
519 | list-style: none;
520 | margin: 0;
521 | padding: 0;
522 | }
523 |
524 | .comment-list li {
525 | padding: 5px 0 0 0;
526 | border-top: 1px solid #ddd;
527 | margin: 10px 0;
528 | clear: both;
529 | }
530 |
531 | .comment-list li .comment-reply {
532 | font-size: .92857em;
533 | float: right;
534 | margin-bottom: 1rem;
535 | }
536 |
537 | .comment-list li .comment-reply a {
538 | background-color: #549FEC;
539 | color: #fff;
540 | padding: 2px 4px;
541 | }
542 |
543 | .comment-list li .comment-reply a .comment-reply {
544 | float: right;
545 | margin-top: -39px;
546 | font-size: .92857em;
547 | }
548 |
549 | .comment-list li .comment-reply a .comment-reply a {
550 | background-color: #549FEC;
551 | color: #fff;
552 | padding: 4px 5px;
553 | text-decoration: none;
554 | font-size: 13px;
555 | }
556 |
557 | .comment-list li .comment-author {
558 | display: block;
559 | color: #444;
560 | font-size: 16px;
561 | }
562 |
563 | .comment-list li .comment-author .avatar {
564 | float: left;
565 | margin: 6px 10px 0 0;
566 | padding: 1px;
567 | border-radius: 50px;
568 | width: 42px;
569 | height: 42px;
570 | }
571 |
572 | .comment-list li .comment-author cite {
573 | font-weight: bold;
574 | font-style: normal;
575 | }
576 |
577 | .comment-list li .comment-meta a {
578 | font-size: 14px;
579 | color: #949494;
580 | text-decoration: none;
581 | }
582 |
583 | .comment-list li .comment-content {
584 | overflow: hidden;
585 | font-size: 15px;
586 | line-height: 1.8;
587 | margin-left: 4rem;
588 | }
589 |
590 | .comment-list li .comment-content p {
591 | margin: 0;
592 | display: inherit;
593 | }
594 |
595 | .comment-list li .comment-content p img {
596 | vertical-align: middle;
597 | }
598 |
599 | .comment-list li .comment-children {
600 | padding-left: 45px;
601 | }
602 |
603 | .comment-list li .comment-children .comment-children .comment-children {
604 | padding-left: 0;
605 | }
606 |
607 | .comment-list li .cancel-comment-reply a {
608 | float: right;
609 | background-color: #E03131;
610 | padding: 1px 4px;
611 | color: #fff;
612 | text-decoration: none;
613 | font-size: 13px;
614 | }
615 |
616 | .comment-meta {
617 | margin-top: -2px;
618 | }
619 |
620 | .comment-meta a {
621 | font-size: 14px;
622 | color: #949494;
623 | text-decoration: none;
624 | }
625 |
626 | .comment-content {
627 | overflow: hidden;
628 | font-size: 15px;
629 | }
630 |
631 | .comment-content p {
632 | margin: 0;
633 | }
634 |
635 | .comment-children {
636 | padding-left: 45px;
637 | }
638 |
639 | .comment-children .comment-children {
640 | padding-left: 0;
641 | }
642 |
643 | .cancel-comment-reply a {
644 | float: right;
645 | background-color: #E03131;
646 | padding: 2px 4px;
647 | color: #fff;
648 | text-decoration: none;
649 | font-size: 13px;
650 | }
651 |
652 | .respond {
653 | clear: both;
654 | }
655 |
656 | .respond h3 {
657 | margin: 1em 0;
658 | }
659 |
660 | .respond #comment-form {
661 | font-size: 15px;
662 | }
663 |
664 | .respond #comment-form p {
665 | margin: .5em 0;
666 | }
667 |
668 | .respond #comment-form label {
669 | display: none;
670 | margin: 0;
671 | }
672 |
673 | .respond #comment-form input {
674 | padding: 5px 6px;
675 | line-height: 18px;
676 | height: 38px;
677 | width: 32%;
678 | -moz-box-sizing: border-box;
679 | -webkit-box-sizing: border-box;
680 | -ms-box-sizing: border-box;
681 | box-sizing: border-box;
682 | border: 1px solid #eee;
683 | background: #fdfdfd;
684 | -webkit-transition: both 1s;
685 | transition: both 1s;
686 | }
687 |
688 | .textarea {
689 | margin: .5em 0;
690 | width: 100%;
691 | }
692 |
693 | .submit {
694 | background-color: #3498db;
695 | border: 0;
696 | color: #fff;
697 | cursor: pointer;
698 | padding: 6px 10px;
699 | }
700 |
701 | .submit:hover,
702 | .submit:focus {
703 | color: #5dade2;
704 | color: #fff;
705 | }
706 |
--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 | commentsNum(_t('暂无评论'), _t('仅有一条评论'), _t('已有 %d 条评论')); ?>
9 | 10 | listComments(); ?> 11 | 12 | pageNav('« 前一页', '后一页 »'); ?> 13 | 14 | 15 | 16 | allow('comment')): ?> 17 |