12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
30 | " + data.nick + "(" + data.time + "): " + data.message + "
"); 25 | } else if (data.type === "join") { 26 | if ($("p[uid='" + data.uid + "']", $users).length === 0) { 27 | $users.append("" + data.nick + "
"); 28 | $logs.append(")?/gi, function(match, pre) {
14 | if (pre) {
15 | return '';
16 | } else {
17 | return '';
18 | }
19 | });
20 | }}
21 | ];
22 | };
23 |
24 | // Client-side export
25 | if (typeof window !== 'undefined' && window.Showdown && window.Showdown.extensions) { window.Showdown.extensions.prettify = prettify; }
26 | // Server-side export
27 | if (typeof module !== 'undefined') module.exports = prettify;
28 |
29 | }());
30 |
--------------------------------------------------------------------------------
/public/javascripts/tools/showdown_extensions/table.js:
--------------------------------------------------------------------------------
1 | /*global module:true*/
2 | /*
3 | * Basic table support with re-entrant parsing, where cell content
4 | * can also specify markdown.
5 | *
6 | * Tables
7 | * ======
8 | *
9 | * | Col 1 | Col 2 |
10 | * |======== |====================================================|
11 | * |**bold** | ![Valid XHTML] (http://w3.org/Icons/valid-xhtml10) |
12 | * | Plain | Value |
13 | *
14 | */
15 |
16 | (function(){
17 | var table = function(converter) {
18 | var tables = {}, style = 'text-align:left;', filter;
19 | tables.th = function(header){
20 | if (header.trim() === "") { return "";}
21 | var id = header.trim().replace(/ /g, '_').toLowerCase();
22 | return '' + header + ' ';
23 | };
24 | tables.td = function(cell) {
25 | return '' + converter.makeHtml(cell) + ' ';
26 | };
27 | tables.ths = function(){
28 | var out = "", i = 0, hs = [].slice.apply(arguments);
29 | for (i;i');
65 | hs = line.substring(1, line.length -1).split('|');
66 | tbl.push(tables.thead.apply(this, hs));
67 | line = lines[++i];
68 | if (!line.trim().match(/^[|]{1}[-=| ]+[|]{1}$/)) {
69 | // not a table rolling back
70 | line = lines[--i];
71 | }
72 | else {
73 | line = lines[++i];
74 | tbl.push('');
75 | while (line.trim().match(/^[|]{1}.*[|]{1}$/)) {
76 | line = line.trim();
77 | tbl.push(tables.tr.apply(this, line.substring(1, line.length -1).split('|')));
78 | line = lines[++i];
79 | }
80 | tbl.push('');
81 | tbl.push('');
82 | // we are done with this table and we move along
83 | out.push(tbl.join('\n'));
84 | continue;
85 | }
86 | }
87 | out.push(line);
88 | }
89 | return out.join('\n');
90 | };
91 | return [
92 | {
93 | type: 'lang',
94 | filter: filter
95 | }
96 | ];
97 | };
98 |
99 | // Client-side export
100 | if (typeof window !== 'undefined' && window.Showdown && window.Showdown.extensions) { window.Showdown.extensions.table = table; }
101 | // Server-side export
102 | if (typeof module !== 'undefined') {
103 | module.exports = table;
104 | }
105 | }());
106 |
--------------------------------------------------------------------------------
/public/javascripts/tools/showdown_extensions/twitter.js:
--------------------------------------------------------------------------------
1 | //
2 | // Twitter Extension
3 | // @username -> @username
4 | // #hashtag -> #hashtag
5 | //
6 |
7 | (function(){
8 |
9 | var twitter = function(converter) {
10 | return [
11 |
12 | // @username syntax
13 | { type: 'lang', regex: '\\B(\\\\)?@([\\S]+)\\b', replace: function(match, leadingSlash, username) {
14 | // Check if we matched the leading \ and return nothing changed if so
15 | if (leadingSlash === '\\') {
16 | return match;
17 | } else {
18 | return '@' + username + '';
19 | }
20 | }},
21 |
22 | // #hashtag syntax
23 | { type: 'lang', regex: '\\B(\\\\)?#([\\S]+)\\b', replace: function(match, leadingSlash, tag) {
24 | // Check if we matched the leading \ and return nothing changed if so
25 | if (leadingSlash === '\\') {
26 | return match;
27 | } else {
28 | return '#' + tag + '';
29 | }
30 | }},
31 |
32 | // Escaped @'s
33 | { type: 'lang', regex: '\\\\@', replace: '@' }
34 | ];
35 | };
36 |
37 | // Client-side export
38 | if (typeof window !== 'undefined' && window.Showdown && window.Showdown.extensions) { window.Showdown.extensions.twitter = twitter; }
39 | // Server-side export
40 | if (typeof module !== 'undefined') module.exports = twitter;
41 |
42 | }());
43 |
--------------------------------------------------------------------------------
/public/stylesheets/github.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | github.com style (c) Vasily Polovnyov
4 |
5 | */
6 |
7 | pre code {
8 | display: block; padding: 0.5em;
9 | color: #333;
10 | background: #f8f8ff
11 | }
12 |
13 | pre .comment,
14 | pre .template_comment,
15 | pre .diff .header,
16 | pre .javadoc {
17 | color: #998;
18 | font-style: italic
19 | }
20 |
21 | pre .keyword,
22 | pre .css .rule .keyword,
23 | pre .winutils,
24 | pre .javascript .title,
25 | pre .nginx .title,
26 | pre .subst,
27 | pre .request,
28 | pre .status {
29 | color: #333;
30 | font-weight: bold
31 | }
32 |
33 | pre .number,
34 | pre .hexcolor,
35 | pre .ruby .constant {
36 | color: #099;
37 | }
38 |
39 | pre .string,
40 | pre .tag .value,
41 | pre .phpdoc,
42 | pre .tex .formula {
43 | color: #d14
44 | }
45 |
46 | pre .title,
47 | pre .id,
48 | pre .coffeescript .params,
49 | pre .scss .preprocessor {
50 | color: #900;
51 | font-weight: bold
52 | }
53 |
54 | pre .javascript .title,
55 | pre .lisp .title,
56 | pre .clojure .title,
57 | pre .subst {
58 | font-weight: normal
59 | }
60 |
61 | pre .class .title,
62 | pre .haskell .type,
63 | pre .vhdl .literal,
64 | pre .tex .command {
65 | color: #458;
66 | font-weight: bold
67 | }
68 |
69 | pre .tag,
70 | pre .tag .title,
71 | pre .rules .property,
72 | pre .django .tag .keyword {
73 | color: #000080;
74 | font-weight: normal
75 | }
76 |
77 | pre .attribute,
78 | pre .variable,
79 | pre .lisp .body {
80 | color: #008080
81 | }
82 |
83 | pre .regexp {
84 | color: #009926
85 | }
86 |
87 | pre .class {
88 | color: #458;
89 | font-weight: bold
90 | }
91 |
92 | pre .symbol,
93 | pre .ruby .symbol .string,
94 | pre .lisp .keyword,
95 | pre .tex .special,
96 | pre .prompt {
97 | color: #990073
98 | }
99 |
100 | pre .built_in,
101 | pre .lisp .title,
102 | pre .clojure .built_in {
103 | color: #0086b3
104 | }
105 |
106 | pre .preprocessor,
107 | pre .pi,
108 | pre .doctype,
109 | pre .shebang,
110 | pre .cdata {
111 | color: #999;
112 | font-weight: bold
113 | }
114 |
115 | pre .deletion {
116 | background: #fdd
117 | }
118 |
119 | pre .addition {
120 | background: #dfd
121 | }
122 |
123 | pre .diff .change {
124 | background: #0086b3
125 | }
126 |
127 | pre .chunk {
128 | color: #aaa
129 | }
130 |
--------------------------------------------------------------------------------
/public/stylesheets/monokai.css:
--------------------------------------------------------------------------------
1 | /*
2 | Monokai style - ported by Luigi Maselli - http://grigio.org
3 | */
4 |
5 | pre code {
6 | display: block; padding: 0.5em;
7 | background: #272822;
8 | }
9 |
10 | pre .tag,
11 | pre .tag .title,
12 | pre .keyword,
13 | pre .literal,
14 | pre .strong,
15 | pre .change,
16 | pre .winutils,
17 | pre .flow,
18 | pre .lisp .title,
19 | pre .clojure .built_in,
20 | pre .nginx .title,
21 | pre .tex .special {
22 | color: #F92672;
23 | }
24 |
25 | pre code {
26 | color: #DDD;
27 | }
28 |
29 | pre code .constant {
30 | color: #66D9EF;
31 | }
32 |
33 | pre .code,
34 | pre .class .title,
35 | pre .header {
36 | color: white;
37 | }
38 |
39 | pre .link_label,
40 | pre .attribute,
41 | pre .symbol,
42 | pre .symbol .string,
43 | pre .value,
44 | pre .regexp {
45 | color: #BF79DB;
46 | }
47 |
48 | pre .link_url,
49 | pre .tag .value,
50 | pre .string,
51 | pre .bullet,
52 | pre .subst,
53 | pre .title,
54 | pre .emphasis,
55 | pre .haskell .type,
56 | pre .preprocessor,
57 | pre .ruby .class .parent,
58 | pre .built_in,
59 | pre .sql .aggregate,
60 | pre .django .template_tag,
61 | pre .django .variable,
62 | pre .smalltalk .class,
63 | pre .javadoc,
64 | pre .django .filter .argument,
65 | pre .smalltalk .localvars,
66 | pre .smalltalk .array,
67 | pre .attr_selector,
68 | pre .pseudo,
69 | pre .addition,
70 | pre .stream,
71 | pre .envvar,
72 | pre .apache .tag,
73 | pre .apache .cbracket,
74 | pre .tex .command,
75 | pre .prompt {
76 | color: #A6E22E;
77 | }
78 |
79 | pre .comment,
80 | pre .java .annotation,
81 | pre .blockquote,
82 | pre .horizontal_rule,
83 | pre .python .decorator,
84 | pre .template_comment,
85 | pre .pi,
86 | pre .doctype,
87 | pre .deletion,
88 | pre .shebang,
89 | pre .apache .sqbracket,
90 | pre .tex .formula {
91 | color: #75715E;
92 | }
93 |
94 | pre .keyword,
95 | pre .literal,
96 | pre .css .id,
97 | pre .phpdoc,
98 | pre .title,
99 | pre .header,
100 | pre .haskell .type,
101 | pre .vbscript .built_in,
102 | pre .sql .aggregate,
103 | pre .rsl .built_in,
104 | pre .smalltalk .class,
105 | pre .diff .header,
106 | pre .chunk,
107 | pre .winutils,
108 | pre .bash .variable,
109 | pre .apache .tag,
110 | pre .tex .special,
111 | pre .request,
112 | pre .status {
113 | font-weight: bold;
114 | }
115 |
116 | pre .coffeescript .javascript,
117 | pre .javascript .xml,
118 | pre .tex .formula,
119 | pre .xml .javascript,
120 | pre .xml .vbscript,
121 | pre .xml .css,
122 | pre .xml .cdata {
123 | opacity: 0.5;
124 | }
125 |
--------------------------------------------------------------------------------
/public/stylesheets/page/admire.css:
--------------------------------------------------------------------------------
1 | .admired{
2 | background-color: #f0f0f0
3 | }
4 |
5 | .b-admire-loading {
6 | background: url("/images/loading.gif") no-repeat;
7 | background-position: center;
8 | min-height: 32px;
9 | min-width: 32px
10 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/articleDetail.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 992px) {
2 | div.g-art .g-art-body {
3 | width: 100%;
4 | }
5 | }
6 |
7 | .u-flag {
8 | position: relative;
9 | left : -50px;
10 | height: 60px;
11 | margin-bottom: 30px;
12 | }
13 |
14 | .u-flag .u-flag-left {
15 | min-width: 300px;
16 | max-width: 1000px;
17 | height: 60px;
18 | position: absolute;
19 | padding: 0 20px;
20 | background-color: #d9534f;
21 | text-align: center;
22 | color: white;
23 | }
24 |
25 | .u-flag .u-flag-left h3{
26 | text-overflow: ellipsis;
27 | white-space : nowrap;
28 | overflow: hidden;
29 | }
30 |
31 | .u-flag .u-flag-left:before {
32 | position: absolute;
33 | display: block;
34 | content : "";
35 | right: -30px;
36 | border-bottom : 30px solid #d9534f;
37 | border-top : 30px solid #d9534f;
38 | border-right : 30px solid transparent;
39 | }
40 |
41 | .u-flag .u-flag-left:after {
42 | position: absolute;
43 | display: block;
44 | content : "";
45 | width : 60px;
46 | height: 30px;
47 | left : -15px;
48 | top: 21px;
49 | background-color: #ac2925;
50 | -webkit-transform : rotate(90deg) skew(-20deg);
51 | -moz-transform : rotate(90deg) skew(-20deg);
52 | transform : rotate(90deg) skew(-20deg);
53 | z-index: -1;
54 | }
55 |
56 | .g-art-footer .u-bookmark {
57 | float:right;
58 | }
59 |
60 | .u-more {
61 | width: 100%;
62 | background-color: #f0f0f0;
63 | text-align: center;
64 | padding: 10px;
65 | border-bottom-right-radius: 20px;
66 | border-bottom-left-radius: 20px;
67 | cursor: pointer;
68 | }
69 |
70 | .u-more:hover {
71 | background-color: rgb(66, 139, 202);
72 | color: white;
73 | }
74 |
75 | .g-reply-form {
76 | display: none;
77 | margin-left: 100px;
78 | margin-top:30px;
79 | }
80 |
81 | .g-art {
82 | width: 100%;
83 | margin-top: 40px;
84 | }
85 |
86 | .g-art:after {
87 | display: table;
88 | clear: both;
89 | content: "";
90 | }
91 |
92 | .g-art .g-art-body {
93 | float: left;
94 | width: 73%;
95 | }
96 |
97 | .g-art .g-art-info {
98 | float: right;
99 | width: 25%;
100 | }
101 |
102 | .g-art .g-art-info .g-user .u-avatar{
103 | float: right;
104 | width: 33%;
105 | }
106 |
107 | .g-art .g-art-info .g-user .u-nick{
108 | float: left;
109 | width: 66%;
110 | margin-top: 20px;
111 |
112 | text-align: center;
113 | font-weight: bolder;
114 | font-size: 150%;
115 | }
116 |
117 | .g-art .g-art-info .u-time {
118 | margin-top: 20px;
119 | text-align: center;
120 | font-weight: bolder;
121 | font-size: 120%;
122 | }
123 |
124 | .g-art .g-art-info .u-tags {
125 | margin-top: 20px;
126 | }
127 |
128 |
--------------------------------------------------------------------------------
/public/stylesheets/page/bookmark.css:
--------------------------------------------------------------------------------
1 | .b-bookmark-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px
6 | }
7 |
8 | .u-bookmark {
9 | padding : 5px 10px;
10 | border-radius: 10px;
11 | cursor: pointer;
12 | }
13 |
14 | .b-bookmark-booked {
15 | background-color: #f0f0f0;
16 | }
17 |
18 | .b-bookmark-book:hover{
19 | background-color: #f0f0f0;
20 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/comment.css:
--------------------------------------------------------------------------------
1 | .b-comment-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px;
6 | }
7 |
8 | .g-comment-row {
9 | width : 100%;
10 | }
11 |
12 | .g-comment-row .g-info {
13 | display: block;
14 | height: 30px;
15 | margin-left : 100px;
16 | line-height: 30px;
17 | }
18 |
19 | .g-comment-row .g-info .u-nick{
20 | margin-right: 20px;
21 | font-weight : bolder;
22 | font-size: large
23 | }
24 |
25 | .g-comment-row .g-info .u-time{
26 | float:right;
27 | }
28 |
29 | .g-comment-row .u-content {
30 | display: block;
31 | margin-left : 100px;
32 | margin-top : 10px;
33 | font-size: large
34 | }
35 |
36 | .g-comment-row .u-avatar {
37 | float: left;
38 | }
39 |
40 | .g-comment-row .g-operate {
41 | margin-left: 100px;
42 | }
43 |
44 | .g-comment-row .g-operate:after {
45 | display: table;
46 | content: '';
47 | clear: both;
48 | }
49 |
50 | .g-comment-row .u-opt {
51 | float:right;
52 | margin-left : 10px;
53 | line-height: 14px;
54 | padding : 4px 6px;
55 | border-radius: 4px;
56 | cursor : pointer;
57 | }
58 |
59 | .g-comment-row .u-opt:hover {
60 | background-color: #f0f0f0;
61 | }
62 |
63 | .g-comment-row .admired {
64 | background-color: #f0f0f0;
65 | }
66 |
67 | .g-comment-row .u-opt span{
68 | margin-left : 5px;
69 | }
70 |
71 | .b-comment-reply {
72 | background: #f4f4f4;
73 | padding: 10px 20px;
74 | border-radius: 20px;
75 | margin-bottom: 20px;
76 | border: 2px dashed #8F8F8F;
77 | }
78 |
79 | .u-comment-count {
80 | cursor: pointer;
81 | }
82 |
83 | .u-comment-count a:hover {
84 | color:#333;
85 | }
86 |
87 | .u-comment-count a {
88 | color:#333;
89 | text-decoration: none
90 | }
91 |
92 | .a-comment-reply:hover {
93 | -webkit-animation: borderchange 1s infinite;
94 | -moz-animation: borderchange 1s infinite;
95 | animation: borderchange 1s infinite;
96 | }
97 |
98 | @-webkit-keyframes borderchange{
99 | 0% {
100 | border: 2px dashed #8F8F8F;
101 | }
102 | 25% {
103 | border: 2px dashed orange;
104 | }
105 | 50% {
106 | border: 2px dashed red;
107 | }
108 | 75% {
109 | border: 2px dashed blue;
110 | }
111 | 100%{
112 | border: 2px dashed #8F8F8F;
113 | }
114 | }
115 |
116 | @-moz-keyframes borderchange{
117 | 0% {
118 | border: 2px dashed #8F8F8F;
119 | }
120 | 25% {
121 | border: 2px dashed orange;
122 | }
123 | 50% {
124 | border: 2px dashed red;
125 | }
126 | 75% {
127 | border: 2px dashed blue;
128 | }
129 | 100%{
130 | border: 2px dashed #8F8F8F;
131 | }
132 | }
133 |
134 | @keyframes borderchange{
135 | 0% {
136 | border: 2px dashed #8F8F8F;
137 | }
138 | 25% {
139 | border: 2px dashed orange;
140 | }
141 | 50% {
142 | border: 2px dashed red;
143 | }
144 | 75% {
145 | border: 2px dashed blue;
146 | }
147 | 100%{
148 | border: 2px dashed #8F8F8F;
149 | }
150 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/gallary.css:
--------------------------------------------------------------------------------
1 | .u-pic {
2 | position: relative;
3 | border: 1px solid #f0f0f0;
4 | box-shadow: 0 0 6px #f0f0f0;
5 | display: block;
6 | cursor: pointer;
7 | }
8 |
9 | .u-pic img {
10 | width: 100%;
11 | }
12 |
13 | .u-pic:hover {
14 | position: relative;
15 | z-index: 100;
16 | -webkit-animation : bigger 1s 1;
17 | -webkit-transform: scale(1.25);
18 | -moz-animation : bigger 1s 1;
19 | -moz-transform: scale(1.25);
20 | animation : bigger 1s 1;
21 | transform: scale(1.25);
22 | }
23 |
24 | @-moz-keyframes bigger { /* firefox */
25 | from {
26 | -moz-transform: scale(1);
27 | }
28 | to {
29 | -moz-transform: scale(1.25);
30 | }
31 | }
32 |
33 | @-webkit-keyframes bigger { /*chrome & safari*/
34 | from {
35 | -webkit-transform: scale(1);
36 | }
37 | to {
38 | -webkit-transform: scale(1.25);
39 | }
40 | }
41 |
42 | @keyframes bigger {
43 | from {
44 | transform: scale(1);
45 | }
46 | to {
47 | transform: scale(1.25);
48 | }
49 | }
50 |
51 |
52 | .scrollFooter {
53 | width: 100%;
54 | border-radius: 10px;
55 | height: 40px;
56 | line-height: 35px;
57 | text-align: center;
58 | background-color: #f0f0f0;
59 | display: none
60 | }
61 |
62 | .g-gal-col {
63 | padding: 0
64 | }
65 |
66 | .u-block {
67 | position: fixed;
68 | width: 100%;
69 | height: 100%;
70 | left : 0;
71 | top : 0;
72 | background-color: rgba(240, 240, 240, 0.7);
73 | z-index: 101;
74 | display: none;
75 | overflow: auto;
76 | }
77 |
78 | .u-fillPic {
79 | position: absolute;
80 | margin-left: 50%;
81 | border: 1px solid #818181;
82 | box-shadow: 3px 3px 8px #818181;
83 | z-index: 200;
84 | display: none;
85 | width: 70%;
86 | left: -35%;
87 | background-color: #f0f0f0;
88 | margin-top : 50px;
89 | }
90 |
91 | .u-fillPic .u-opt {
92 | position : absolute;
93 | width: 36px;
94 | height: 36px;
95 | font-size: 20px;
96 | line-height: 36px;
97 | text-align: center;
98 | background-color: #f5f5f5;
99 | color : #818181;
100 | border: 1px solid #818181;
101 | border-radius: 18px;
102 | box-shadow: 3px 3px 8px #818181;
103 | }
104 |
105 | .u-fillPic .u-opt:hover {
106 | background-color: #818181;
107 | color : white;
108 | }
109 |
110 | .u-close {
111 | top : -16px;
112 | right : -16px;
113 | }
114 |
115 | .u-bigger{
116 | top : 24px;
117 | right : -16px;
118 | }
119 |
120 | .u-smaller{
121 | top : 64px;
122 | right : -16px;
123 | }
124 |
125 | .u-fillPic img{
126 | max-width: 100%;
127 | min-width: 300px;
128 | }
129 |
130 | .u-conf-opt {
131 | position: fixed;
132 | width: 100px;
133 | height: 100px;
134 | text-align: center;
135 | line-height: 85px;
136 | font-size: 60px;
137 | border: 4px dotted #333;
138 | border-radius: 20px;
139 | }
140 |
141 | .u-trash {
142 | right: 10px;
143 | top : 100px;
144 | }
145 |
146 | .u-upload {
147 | left: 10px;
148 | top : 100px;
149 | }
150 |
151 | .b-removing {
152 | width: 100%;
153 | height: 100%;
154 | position: absolute;
155 | background-color: rgba(0,0,0,0.7);
156 | left: 0;
157 | top: 0;
158 | text-align: center;
159 | font-size: 50px;
160 | color: #f0f0f0;
161 | font-weight: bolder;
162 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/index.css:
--------------------------------------------------------------------------------
1 | .u-flag .u-flag-left a{
2 | color : white;
3 | text-decoration: none;
4 | }
5 |
6 | .u-flag .u-flag-left a:hover{
7 | color : #f0f0f0;
8 | }
9 |
10 | .u-flag .u-flag-left a:active{
11 | color : gray;
12 | }
13 |
14 | .g-art-footer .m-tags {
15 | float: left;
16 | width: 60%;
17 | }
18 |
19 | .g-art-footer .u-item {
20 | float:right;
21 | padding : 5px 10px;
22 | border-radius: 10px;
23 | }
24 |
25 | .g-art-footer .u-item span{
26 | margin-left: 5px;
27 | }
28 |
29 | .g-art-footer .u-item:hover{
30 | background-color: #f0f0f0
31 | }
32 |
33 | .g-art-footer .u-booked {
34 | background-color: #f0f0f0
35 | }
36 |
37 | .g-art-info {
38 | height:200px;
39 | float:left;
40 | width: 20%;position:relative
41 | }
42 |
43 | .g-art-info .u-avatar {
44 | position: absolute;
45 | right: 20px;
46 | top: 45px;
47 | }
48 |
49 | .g-art-info .u-time {
50 | position: absolute;
51 | width: 100px;
52 | right: 20px;
53 | top: 120px;
54 | font-weight: bolder;
55 | text-align: right;
56 | }
57 |
58 | .g-art-body {
59 | float:left;
60 | width: 80%;
61 | position:relative;
62 | border-left: 3px solid #757575;
63 | }
64 |
65 | .g-art-body .u-panel {
66 | margin-top: 20px;
67 | min-height:200px;
68 | margin-left: 20px;
69 | cursor: pointer;
70 | }
71 |
72 | .g-art-body .u-panel:before {
73 | content: "";
74 | width: 20px;
75 | height: 20px;
76 | border-top: 20px solid transparent;
77 | border-right: 20px solid rgba(255,255,255,0.8);
78 | border-bottom: 20px solid transparent;
79 | position: absolute;
80 | left: 0px;
81 | top: 55px;
82 | }
83 |
84 | .g-art-body .u-dot {
85 | position: absolute;
86 | width: 12px;
87 | height: 12px;
88 | border-radius: 50%;
89 | background-color: #757575;
90 | left: -7px;
91 | top: 70px;
92 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/listArticle.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 992px){
2 | div.g-row .g-art {
3 | width: 35%;
4 | margin-left: 10%;
5 | }
6 | div.g-row:nth-child(odd) .g-art:nth-child(1) {
7 | margin-left: 0;
8 | }
9 |
10 | div.g-row:nth-child(even) .g-art:nth-child(1) {
11 | margin-left: 10%;
12 | }
13 | }
14 |
15 | .g-arts {
16 | width: 100%;
17 | float: left;
18 | margin-top: 40px;
19 | }
20 |
21 | .g-arts .g-row {
22 | width: 100%;
23 | padding: 40px 0 0 0;
24 | }
25 |
26 | .g-arts .g-row:after {
27 | display: table;
28 | content: "";
29 | clear: both;
30 | }
31 |
32 | .g-row .g-art {
33 | position: relative;
34 | float: left;
35 | width: 22%;
36 |
37 | margin-left: 11%;
38 |
39 | cursor: pointer;
40 | }
41 |
42 | .g-row:nth-child(odd) .g-art:nth-child(1) {
43 | margin-left: 0;
44 | }
45 |
46 | .g-row:nth-child(even) .g-art:nth-child(1) {
47 | margin-left: 11%;
48 | }
49 |
50 | .g-row .g-art .u-time{
51 | position: absolute;
52 | left: 10%;
53 | top: -10px;
54 | height: 20px;
55 | width: 60%;
56 |
57 | border-radius: 10px;
58 | box-shadow: 2px 2px 2px #8A8A8A;
59 |
60 | font-weight: bolder;
61 | background-color: rgba(255,255,255,0.8);
62 | text-align: center;
63 | }
64 |
65 | .g-row .g-art .u-title{
66 | width: 100%;
67 |
68 | word-wrap: break-word;
69 | font-size: 150%;
70 | font-weight: bolder;
71 | text-align: center;
72 | }
73 |
74 | .g-row .g-art .u-avatar{
75 | position: absolute;
76 | right: 10px;
77 | top: -15px;
78 | width: 30px;
79 | height: 30px;
80 |
81 | border-radius: 50%;
82 |
83 | box-shadow: 2px 2px 2px #8A8A8A;
84 | overflow: hidden;
85 | }
86 |
87 | .g-row .g-art .u-avatar img{
88 | width: 100%;
89 | }
90 |
91 | .g-row .g-art:hover {
92 | -webkit-animation: art_rotate 1s linear infinite;
93 | -moz-animation: art_rotate 1s linear infinite;
94 | animation: art_rotate 1s linear infinite;
95 | }
96 |
97 | @-webkit-keyframes art_rotate {
98 | 0% 100% {
99 | -webkit-transform: scale(1);
100 | }
101 | 50% {
102 | -webkit-transform: scale(1.2);
103 | }
104 | }
105 |
106 | @-moz-keyframes art_rotate {
107 | 0% 100% {
108 | -moz-transform: scale(1);
109 | }
110 | 50% {
111 | -moz-transform: scale(1.2);
112 | }
113 | }
114 |
115 | @keyframes art_rotate {
116 | 0% 100% {
117 | transform: scale(1);
118 | }
119 | 50% {
120 | transform: scale(1.2);
121 | }
122 | }
123 |
124 | .u-more {
125 | margin-top:20px;
126 | float: right;
127 | font-weight: bolder;
128 | padding: 10px;
129 | }
130 |
131 | .u-more:hover {
132 | color: white;
133 | background-color: rgb(63, 93, 255);
134 | cursor: pointer;
135 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/remind.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LingyuCoder/NodeBlog/80e5fba805415f2110a13bb3c1705258b079f744/public/stylesheets/page/remind.css
--------------------------------------------------------------------------------
/public/stylesheets/page/search.css:
--------------------------------------------------------------------------------
1 | .u-more {
2 | width: 100%;
3 | background-color: #428bca;
4 | color:#fff;
5 | text-align: center;
6 | padding: 10px;
7 | border-radius: 20px;
8 | cursor: pointer;
9 | }
10 |
11 | .u-more:hover {
12 | background-color: #8f8f8f;
13 | color: #f0f0f0;
14 | }
15 |
16 | .g-row {
17 | margin: 10px 10px 20px 10px;
18 | padding: 10px;
19 | border: 2px dashed #333;
20 | border-radius: 10px;
21 | color: #333;
22 | cursor: pointer;
23 | }
24 |
25 | .g-row:after {
26 | display: table;
27 | content: "";
28 | clear: both;
29 | }
30 |
31 | .g-row:hover {
32 | background: #f0f0f0
33 | }
34 |
35 |
36 | .g-row .u-avatar {
37 | float: left;
38 | width: 60px;
39 | height: 60px;
40 | }
41 |
42 | .g-row .u-avatar img {
43 | height: 100%;
44 | width: 100%;
45 | border-radius: 50%;
46 | box-shadow: 2px 2px 2px #333
47 | }
48 |
49 | .g-row .u-time {
50 | margin-left: 80px;
51 | width: calc(100% - 80px);
52 |
53 | text-align: right;
54 | font-weight: bolder;
55 | font-size: 120%;
56 | }
57 |
58 | .g-row .u-title {
59 | margin-left: 80px;
60 | margin-bottom: 24px;
61 | width: calc(100% - 80px);
62 |
63 | text-align: center;
64 | font-weight: bolder;
65 | font-size: 180%;
66 | }
67 |
68 | .u-panel {
69 | margin-top: 20px;
70 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/tag.css:
--------------------------------------------------------------------------------
1 | .b-label-1 {
2 | background-color: #428bca
3 | }
4 |
5 | .b-label-2 {
6 | background-color: #5cb85c
7 | }
8 |
9 | .b-label-3 {
10 | background-color: #5cb0de
11 | }
12 |
13 | .b-label-4 {
14 | background-color: #f0ad4e
15 | }
16 |
17 | .b-label-5 {
18 | background-color: #d9543f
19 | }
20 |
21 | .u-label-picker {
22 | cursor: pointer;
23 | margin: 5px;
24 | font-size: 14px
25 | }
26 |
27 | .u-label {
28 | font-size: 15px;
29 | cursor: pointer;
30 | }
31 |
32 | .a-label-rotateX{
33 | margin: 5px;
34 | display: inline-block;
35 | }
36 |
37 | .a-label-rotateX:hover{
38 | -webkit-animation: labelrotatex 1s linear infinite;
39 | -moz-animation: labelrotatex 1s linear infinite;
40 | animation: labelrotatex 1s linear infinite;
41 | }
42 |
43 | @-webkit-keyframes labelrotatex{
44 | from {
45 | -webkit-transform : rotateX(0deg);
46 | }
47 | to {
48 | -webkit-transform : rotateX(360deg);
49 | }
50 | }
51 |
52 | @-moz-keyframes labelrotatex{
53 | from {
54 | -moz-transform : rotateX(0deg);
55 | }
56 | to {
57 | -moz-transform : rotateX(360deg);
58 | }
59 | }
60 |
61 | @keyframes labelrotatex{
62 | from {
63 | transform : rotateX(0deg);
64 | }
65 | to {
66 | transform : rotateX(360deg);
67 | }
68 | }
69 |
70 | .a-label-strike {
71 | -webkit-animation: labelstrike 1s linear 3;
72 | -moz-animation: labelstrike 1s linear 3;
73 | animation: labelstrike 1s linear 3;
74 | }
75 |
76 | @-webkit-keyframes labelstrike{
77 | 0% {
78 | -webkit-transform : scale(1);
79 | }
80 | 50%{
81 | -webkit-transform : scale(1.25);
82 | }
83 | 100% {
84 | -webkit-transform : scale(1);
85 | }
86 | }
87 |
88 | @-moz-keyframes labelstrike{
89 | 0% {
90 | -moz-transform : scale(1);
91 | }
92 | 50%{
93 | -moz-transform : scale(1.25);
94 | }
95 | 100% {
96 | -moz-transform : scale(1);
97 | }
98 | }
99 |
100 | @keyframes labelstrike{
101 | 0% {
102 | transform : scale(1);
103 | }
104 | 50%{
105 | transform : scale(1.25);
106 | }
107 | 100% {
108 | transform : scale(1);
109 | }
110 | }
111 |
112 | .b-label-loading {
113 | background: url("/images/loading.gif") no-repeat;
114 | background-position: center;
115 | min-height: 32px;
116 | min-width: 32px;
117 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/uploadPic.css:
--------------------------------------------------------------------------------
1 | .u-upload {
2 | width: 100%;
3 | border : 2px dashed #bbb;
4 | color : #bbb;
5 | -webkit-border-radius: 5px;
6 | -moz-border-radius: 5px;
7 | padding : 25px;
8 | margin : 50px 0;
9 | text-align: center;
10 | font: 20px bold 'Vollkorn';
11 | }
12 |
13 | .uploadResult {
14 | width: 100%;
15 | height: 50px;
16 | display: none
17 | }
18 |
19 | .g-preview {
20 | position: relative;
21 | height: 300px;
22 | float: left;
23 | }
24 |
25 | .g-preview .u-process {
26 | position: absolute;
27 | width: 100%;
28 | height: 100%;
29 | line-height: 300px;
30 | text-align: center;
31 | font-size: 50px;
32 | text-overflow: clip;
33 | opacity: 0.7;
34 | text-shadow: 0 0 6px #f0f0f0;
35 | }
36 |
37 | .g-preview .u-image {
38 | height: 100%
39 | }
40 |
41 | .g-preview .u-remove {
42 | position: absolute;
43 | right : 0px;
44 | top : 0px;
45 | width: 36px;
46 | height: 36px;
47 | font-size: 20px;
48 | line-height: 36px;
49 | text-align: center;
50 | background-color: #f5f5f5;
51 | color : #818181;
52 | border: 1px solid #818181;
53 | border-radius: 18px;
54 | box-shadow: 3px 3px 8px #818181;
55 | }
56 |
57 | .g-preview .u-remove:hover {
58 | background-color: #818181;
59 | color : white;
60 | }
61 |
62 | .u-output {
63 | width: 100%;
64 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/user.css:
--------------------------------------------------------------------------------
1 | .b-user-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px
6 | }
7 |
8 | .u-user-avatar img {
9 | height: 60px;
10 | width: 60px;
11 | border-radius: 30px;
12 | box-shadow: 0 0 6px #707070
13 | }
14 |
15 | .u-user-tags {
16 | width: 272px;
17 | padding-right: 20px;
18 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/userCenter.css:
--------------------------------------------------------------------------------
1 | .g-hide {
2 | display: none
3 | }
4 |
5 | .g-item {
6 | padding: 5px 10px
7 | }
8 |
9 | .g-item .u-avatar {
10 | float: left;
11 | }
12 | .g-item .g-info {
13 | margin-left : 100px;
14 | height: 30px
15 | }
16 | .g-item .g-info .u-time{
17 | float:left;
18 | }
19 |
20 | .g-item .g-info .u-nick{
21 | font-size: 120%;
22 | font-weight: bolder;
23 | }
24 |
25 | .g-item .g-info .u-opt{
26 | float:right;
27 | padding : 5px 10px;
28 | border-radius: 10px;
29 | color: black;
30 | cursor: pointer;
31 | text-decoration: none
32 | }
33 |
34 | .g-item .g-info .u-opt:hover{
35 | background-color: #f0f0f0
36 | }
37 |
38 | .g-item .u-title {
39 | margin-left : 60px;
40 | text-align: center
41 | }
42 |
43 | .g-item .u-title a{
44 | text-decoration: none;
45 | font-size: 150%
46 | }
47 |
48 | .g-item .u-time {
49 | text-align: right
50 | }
51 |
52 | .g-item .u-content {
53 | margin-left : 100px;
54 | text-align: left;
55 | }
56 |
57 | .u-noitem {
58 | text-align: center
59 | }
60 |
61 | .a-fliker {
62 | display: inline-block;
63 | -webkit-animation: labelfliker 2s infinite;
64 | -moz-animation: labelfliker 2s infinite;
65 | animation: labelfliker 2s infinite;
66 | }
67 |
68 | .u-more {
69 | width: 100%;
70 | background-color: #428bca;
71 | color:#fff;
72 | text-align: center;
73 | padding: 10px;
74 | border-radius: 20px;
75 | cursor: pointer;
76 | }
77 |
78 | .u-more:hover {
79 | background-color: #8f8f8f;
80 | color: #f0f0f0;
81 | }
82 |
83 | @-moz-keyframes labelfliker {
84 | 0% {
85 | -moz-transform : scale(1);
86 | }
87 | 50% {
88 | -moz-transform : scale(1.15);
89 | }
90 | 100% {
91 | -moz-transform : scale(1);
92 | }
93 | }
94 |
95 | @-webkit-keyframes labelfliker {
96 | 0% {
97 | -webkit-transform : scale(1);
98 | }
99 | 50% {
100 | -webkit-transform : scale(1.15);
101 | }
102 | 100% {
103 | -webkit-transform : scale(1);
104 | }
105 | }
106 |
107 | @keyframes labelfliker {
108 | 0% {
109 | transform : scale(1);
110 | }
111 | 50% {
112 | transform : scale(1.15);
113 | }
114 | 100% {
115 | transform : scale(1);
116 | }
117 | }
118 |
119 | .g-row {
120 | width: 100%;
121 | }
122 |
123 | .g-row:after {
124 | display: table;
125 | content: "";
126 | clear: both;
127 | }
128 |
129 | .g-row .g-left {
130 | float: left;
131 | width: 25%;
132 | }
133 |
134 | .g-row .g-right {
135 | float: right;
136 | width: 73%;
137 | }
138 |
139 | .list-group .list-group-item {
140 | background: transparent;
141 | }
142 |
143 | .list-group .list-group-item.active {
144 | background: rgb(66, 139, 202)
145 | }
--------------------------------------------------------------------------------
/public/stylesheets/page/userDetail.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LingyuCoder/NodeBlog/80e5fba805415f2110a13bb3c1705258b079f744/public/stylesheets/page/userDetail.css
--------------------------------------------------------------------------------
/public/stylesheets/page/writeArticle.css:
--------------------------------------------------------------------------------
1 | .u-panel-body {
2 | margin: 0;
3 | padding: 0;
4 | position: relative;
5 | width: 47.5%;
6 | overflow: auto;
7 | height: 100%;
8 | }
9 |
10 | #leftPanel {
11 | float: left;
12 | left : 1.5%;
13 | }
14 |
15 | #rightPanel {
16 | float: right;
17 | right : 1.5%;
18 | padding: 2px;
19 | }
20 |
21 | #outputArticle {
22 | overflow: auto;
23 | }
24 |
25 | .u-pane {
26 | margin: 0;
27 | padding: 0;
28 | padding-left: 4px;
29 | width: 100%;
30 | border: none;
31 | display: block;
32 | border: 1px solid #888;
33 | border-right: 1px solid #000;
34 | border-bottom: 1px solid #000;
35 | height: 100%;
36 | }
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/admire.css:
--------------------------------------------------------------------------------
1 | .admired{
2 | background-color: #f0f0f0
3 | }
4 |
5 | .b-admire-loading {
6 | background: url("/images/loading.gif") no-repeat;
7 | background-position: center;
8 | min-height: 32px;
9 | min-width: 32px
10 | }
11 |
12 | .g-admire-row {
13 | width: 100%;
14 | font-size: 14px;
15 | }
16 |
17 | .g-admire-row .g-info {
18 | display: block;
19 | height: 30px;
20 | margin-left : 100px;
21 | line-height: 30px;
22 | }
23 |
24 | .g-admire-row .g-info:after {
25 | display: table;
26 | clear: both;
27 | content: "";
28 | }
29 |
30 | .g-admire-row .g-info .u-nick{
31 | float: left;
32 | width: 50%;
33 | font-weight : bolder;
34 | font-size: large
35 | }
36 |
37 | .g-admire-row .g-info .u-time{
38 | float:right;
39 | width: 50%;
40 | text-align: right
41 | }
42 |
43 | .g-admire-row .u-comment {
44 | display: block;
45 | margin-left : 100px;
46 | margin-top : 10px;
47 | font-size: large;
48 | border: 2px dashed #8F8F8F;
49 | border-radius: 20px;
50 | padding: 10px;
51 | margin-bottom: 10px
52 | }
53 |
54 | .g-admire-row .u-avatar {
55 | float: left;
56 | }
57 |
58 | .g-admire-row .g-operate {
59 | margin-left: 100px;
60 | height: 25px;
61 | }
62 |
63 | .g-admire-row .g-operate:after {
64 | display: table;
65 | content: '';
66 | clear: both;
67 | }
68 |
69 | .g-admire-row .u-opt {
70 | float:right;
71 | margin-left : 10px;
72 | line-height: 14px;
73 | padding : 4px 6px;
74 | border-radius: 4px;
75 | cursor : pointer;
76 | }
77 |
78 | .g-admire-row .u-opt:hover {
79 | background-color: #f0f0f0;
80 | }
81 |
82 | .g-admire-row .u-opt{
83 | text-decoration: none;
84 | color:#333;
85 | }
86 |
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/article.css:
--------------------------------------------------------------------------------
1 | .b-article-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px
6 | }
7 |
8 | .g-article-row {
9 | width: 100%;
10 | font-size: 14px;
11 | }
12 |
13 | .g-article-row .g-info {
14 | display: block;
15 | height: 30px;
16 | margin-left : 100px;
17 | line-height: 30px;
18 | }
19 |
20 | .g-article-row .g-info .u-nick{
21 | margin-right: 20px;
22 | font-weight : bolder;
23 | font-size: large
24 | }
25 |
26 | .g-article-row .g-info .u-time{
27 | float:right;
28 | }
29 |
30 | .g-article-row .u-title {
31 | display: block;
32 | margin-left : 100px;
33 | margin-top : 10px;
34 | font-size: 150%;
35 | font-weight: bolder;
36 | text-align: center;
37 | margin-bottom: 10px
38 | }
39 |
40 | .g-article-row .u-avatar {
41 | float: left;
42 | }
43 |
44 | .g-article-row .g-operate {
45 | margin-left: 100px;
46 | height: 25px;
47 | }
48 |
49 | .g-article-row .g-operate:after {
50 | display: table;
51 | content: '';
52 | clear: both;
53 | }
54 |
55 | .g-article-row .u-opt {
56 | float:right;
57 | margin-left : 10px;
58 | line-height: 14px;
59 | padding : 4px 6px;
60 | border-radius: 4px;
61 | cursor : pointer;
62 | }
63 |
64 | .g-article-row .u-opt:hover {
65 | background-color: #f0f0f0;
66 | }
67 |
68 | .g-article-row .u-opt{
69 | text-decoration: none;
70 | color:#333;
71 | }
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/bookmark.css:
--------------------------------------------------------------------------------
1 | .b-bookmark-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px
6 | }
7 |
8 | .u-bookmark {
9 | padding : 5px 10px;
10 | border-radius: 10px;
11 | cursor: pointer;
12 | }
13 |
14 | .b-bookmark-booked, .b-bookmark-book:hover {
15 | background-color: rgba(66, 139, 202, 0.7);
16 | color: white;
17 | }
18 |
19 | .g-bookmark-row {
20 | width: 100%;
21 | font-size: 14px;
22 | }
23 |
24 | .g-bookmark-row .g-info {
25 | display: block;
26 | height: 30px;
27 | margin-left : 100px;
28 | line-height: 30px;
29 | }
30 |
31 | .g-bookmark-row .g-info:after {
32 | display: table;
33 | clear: both;
34 | content: "";
35 | }
36 |
37 | .g-bookmark-row .g-info .u-nick{
38 | float: left;
39 | width: 50%;
40 | font-weight : bolder;
41 | font-size: large
42 | }
43 |
44 | .g-bookmark-row .g-info .u-time{
45 | float:right;
46 | width: 50%;
47 | text-align: right
48 | }
49 |
50 | .g-bookmark-row .u-comment {
51 | display: block;
52 | margin-left : 100px;
53 | margin-top : 10px;
54 | font-size: large;
55 | border: 2px dashed #8F8F8F;
56 | border-radius: 20px;
57 | padding: 10px;
58 | margin-bottom: 10px
59 | }
60 |
61 | .g-bookmark-row .u-avatar {
62 | float: left;
63 | }
64 |
65 | .g-bookmark-row .g-operate {
66 | margin-left: 100px;
67 | height: 25px;
68 | }
69 |
70 | .g-bookmark-row .g-operate:after {
71 | display: table;
72 | content: '';
73 | clear: both;
74 | }
75 |
76 | .g-bookmark-row .u-opt {
77 | float:right;
78 | margin-left : 10px;
79 | line-height: 14px;
80 | padding : 4px 6px;
81 | border-radius: 4px;
82 | cursor : pointer;
83 | }
84 |
85 | .g-bookmark-row .u-opt:hover {
86 | background-color: #f0f0f0;
87 | }
88 |
89 | .g-bookmark-row .u-opt{
90 | text-decoration: none;
91 | color:#333;
92 | }
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/comment.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 992px) {
2 | div.b-comment-reply {
3 | padding: 5px 10px;
4 | }
5 | }
6 |
7 | .b-comment-loading {
8 | background: url("/images/loading.gif") no-repeat;
9 | background-position: center;
10 | min-height: 32px;
11 | min-width: 32px;
12 | }
13 |
14 | .g-comment-row {
15 | width : 100%;
16 | font-size: 14px;
17 | }
18 |
19 | .g-comment-row .g-info {
20 | display: block;
21 | height: 30px;
22 | margin-left : 100px;
23 | line-height: 30px;
24 | }
25 |
26 | .g-comment-row .g-info:after{
27 | display: table;
28 | content: "";
29 | clear: both;
30 | }
31 |
32 |
33 | .g-comment-row .g-info .u-nick{
34 | float: left;
35 | width: 50%;
36 | font-weight : bolder;
37 | font-size: large
38 | }
39 |
40 | .g-comment-row .g-info .u-time{
41 | width: 50%;
42 | float:right;
43 | text-align: right;
44 | }
45 |
46 | .g-comment-row .u-content {
47 | display: block;
48 | margin-left : 100px;
49 | margin-top : 10px;
50 | font-size: large
51 | }
52 |
53 | .g-comment-row .u-avatar {
54 | float: left;
55 | }
56 |
57 | .g-comment-row .g-operate {
58 | margin-left: 100px;
59 | height: 25px;
60 | }
61 |
62 | .g-comment-row .g-operate:after {
63 | display: table;
64 | content: '';
65 | clear: both;
66 | }
67 |
68 | .g-comment-row .u-opt {
69 | float:right;
70 | margin-left : 10px;
71 | line-height: 14px;
72 | padding : 4px 6px;
73 | border-radius: 4px;
74 | cursor : pointer;
75 | }
76 |
77 | .g-comment-row .u-opt:hover, div.g-comment-row .admired{
78 | background-color: rgba(66, 139, 202, 0.7);
79 | color: white;
80 | }
81 |
82 | .g-comment-row .u-opt{
83 | text-decoration: none;
84 | color:#333;
85 | }
86 |
87 | .g-comment-row .u-opt span{
88 | margin-left : 5px;
89 | }
90 |
91 | .b-comment-reply {
92 | background: #f4f4f4;
93 | padding: 10px 20px;
94 | border-radius: 20px;
95 | margin-bottom: 20px;
96 | border: 2px dashed #8F8F8F;
97 | }
98 |
99 | .u-comment-count {
100 | cursor: pointer;
101 | }
102 |
103 | .u-comment-count a:hover {
104 | color:#333;
105 | }
106 |
107 | .u-comment-count a {
108 | color:#333;
109 | text-decoration: none
110 | }
111 |
112 | .a-comment-reply:hover {
113 | -webkit-animation: borderchange 1s infinite;
114 | -moz-animation: borderchange 1s infinite;
115 | animation: borderchange 1s infinite;
116 | }
117 |
118 | @-webkit-keyframes borderchange{
119 | 0% {
120 | border: 2px dashed #8F8F8F;
121 | }
122 | 25% {
123 | border: 2px dashed orange;
124 | }
125 | 50% {
126 | border: 2px dashed red;
127 | }
128 | 75% {
129 | border: 2px dashed blue;
130 | }
131 | 100%{
132 | border: 2px dashed #8F8F8F;
133 | }
134 | }
135 |
136 | @-moz-keyframes borderchange{
137 | 0% {
138 | border: 2px dashed #8F8F8F;
139 | }
140 | 25% {
141 | border: 2px dashed orange;
142 | }
143 | 50% {
144 | border: 2px dashed red;
145 | }
146 | 75% {
147 | border: 2px dashed blue;
148 | }
149 | 100%{
150 | border: 2px dashed #8F8F8F;
151 | }
152 | }
153 |
154 | @keyframes borderchange{
155 | 0% {
156 | border: 2px dashed #8F8F8F;
157 | }
158 | 25% {
159 | border: 2px dashed orange;
160 | }
161 | 50% {
162 | border: 2px dashed red;
163 | }
164 | 75% {
165 | border: 2px dashed blue;
166 | }
167 | 100%{
168 | border: 2px dashed #8F8F8F;
169 | }
170 | }
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/remind.css:
--------------------------------------------------------------------------------
1 | .b-remind-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px
6 | }
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/tag.css:
--------------------------------------------------------------------------------
1 | .b-label-1 {
2 | background-color: #428bca
3 | }
4 |
5 | .b-label-2 {
6 | background-color: #5cb85c
7 | }
8 |
9 | .b-label-3 {
10 | background-color: #5cb0de
11 | }
12 |
13 | .b-label-4 {
14 | background-color: #f0ad4e
15 | }
16 |
17 | .b-label-5 {
18 | background-color: #d9543f
19 | }
20 |
21 | .u-label-picker {
22 | cursor: pointer;
23 | margin: 5px;
24 | font-size: 14px;
25 | display: inline-block;
26 | }
27 |
28 | .u-label {
29 | font-size: 15px;
30 | height: 23px;
31 | cursor: pointer;
32 | }
33 |
34 | .a-label{
35 | margin: 5px;
36 | display: inline-block;
37 | }
38 |
39 | .a-label:hover{
40 | -webkit-animation: a_label 1s linear infinite;
41 | -moz-animation: a_label 1s linear infinite;
42 | animation: a_label 1s linear infinite;
43 | }
44 |
45 | @-webkit-keyframes a_label{
46 | 0% 100% {
47 | -webkit-transform: scale(1);
48 | }
49 | 50% {
50 | -webkit-transform: scale(1.2);
51 | }
52 | }
53 |
54 | @-moz-keyframes a_label{
55 | 0% 100% {
56 | -moz-transform: scale(1);
57 | }
58 | 50% {
59 | -moz-transform: scale(1.2);
60 | }
61 | }
62 |
63 | @keyframes a_label{
64 | 0% 100% {
65 | transform: scale(1);
66 | }
67 | 50% {
68 | transform: scale(1.2);
69 | }
70 | }
71 |
72 | .a-label-strike {
73 | -webkit-animation: labelstrike 1s linear 3;
74 | -moz-animation: labelstrike 1s linear 3;
75 | animation: labelstrike 1s linear 3;
76 | }
77 |
78 | @-webkit-keyframes labelstrike{
79 | 0% {
80 | -webkit-transform : scale(1);
81 | }
82 | 50%{
83 | -webkit-transform : scale(1.25);
84 | }
85 | 100% {
86 | -webkit-transform : scale(1);
87 | }
88 | }
89 |
90 | @-moz-keyframes labelstrike{
91 | 0% {
92 | -moz-transform : scale(1);
93 | }
94 | 50%{
95 | -moz-transform : scale(1.25);
96 | }
97 | 100% {
98 | -moz-transform : scale(1);
99 | }
100 | }
101 |
102 | @keyframes labelstrike{
103 | 0% {
104 | transform : scale(1);
105 | }
106 | 50%{
107 | transform : scale(1.25);
108 | }
109 | 100% {
110 | transform : scale(1);
111 | }
112 | }
113 |
114 | .b-label-loading {
115 | background: url("/images/loading.gif") no-repeat;
116 | background-position: center;
117 | min-height: 32px;
118 | min-width: 32px;
119 | }
--------------------------------------------------------------------------------
/public/stylesheets/pageTools/user.css:
--------------------------------------------------------------------------------
1 | .b-user-loading {
2 | background: url("/images/loading.gif") no-repeat;
3 | background-position: center;
4 | min-height: 32px;
5 | min-width: 32px
6 | }
7 |
8 | .u-user-avatar img {
9 | height: 60px;
10 | width: 60px;
11 | border-radius: 30px;
12 | box-shadow: 0 0 6px #707070
13 | }
14 |
15 | .u-user-tags {
16 | width: 272px;
17 | padding-right: 20px;
18 | }
--------------------------------------------------------------------------------
/public/stylesheets/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-size: 14px;
3 | padding-top: 50px;
4 | margin-top:-50px;
5 | font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
6 | }
7 |
8 | h1,h2,h3 {
9 | font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
10 | }
11 |
12 | .b-loading {
13 | background: url("/images/loading.gif") no-repeat;
14 | background-position: center;
15 | min-height: 32px;
16 | min-width: 32px;
17 | }
18 |
19 |
20 | .footer hr{
21 | border-top: 1px solid #383838;
22 | }
23 |
24 | .footer p{
25 | text-align : center;
26 | font-style : italic;
27 | }
28 |
29 | .b-clouds {
30 | z-index: -1;
31 | position: fixed;
32 | width: 100%;
33 | height: 100%;
34 | background-image: -webkit-linear-gradient(top, #5CC9FC, #FFFFFF);
35 | background-image: -moz-linear-gradient(top, #5CC9FC, #FFFFFF);
36 | background-image: -ms-linear-gradient(top, #5CC9FC, #FFFFFF);
37 | overflow: hidden;
38 | }
39 |
40 | .b-clouds .block {
41 | position: absolute;
42 | background-image: -webkit-linear-gradient(left, #ffffff, transparent, #ffffff);
43 | background-image: -moz-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0), rgba(255,255,255,1));
44 | background-image: linear-gradient(left, white, transparent, white);
45 | background-image: -ms-linear-gradient(left, #ffffff00, transparent, #ffffff00);
46 | overflow: hidden;
47 | width: 100%;
48 | height: 100%;
49 | }
50 |
51 | .b-clouds .clouds {
52 | position: absolute;
53 | width: 200%;
54 | height: 400px;
55 | /* -webkit-animation: cloud_move 60s linear infinite;
56 | -moz-animation: cloud_move 60s linear infinite; */
57 | }
58 |
59 | .b-clouds .clouds .cloud {
60 | position: absolute;
61 | background-image: url("/images/cloud.png");
62 | background-position: center;
63 | background-repeat: no-repeat;
64 | }
65 |
66 | .b-clouds .clouds .cloud-sm{
67 | width: 223px;
68 | height: 98px;
69 | background-size: 223px 78px;
70 | }
71 |
72 | .b-clouds .clouds .cloud-md{
73 | width: 335px;
74 | height: 147px;
75 | background-size: 335px 147px;
76 | }
77 |
78 | .b-clouds .clouds .cloud-lg{
79 | width: 670px;
80 | height: 294px;
81 | background-size: 670px 294px;
82 | }
83 |
84 | @-webkit-keyframes cloud_move {
85 | from {
86 | left: -100%;
87 | }
88 | to {
89 | left: 0;
90 | }
91 | }
92 |
93 | @-moz-keyframes cloud_move {
94 | from {
95 | left: -100%;
96 | }
97 | to {
98 | left: 0;
99 | }
100 | }
101 |
102 | @-ms-keyframes cloud_move {
103 | from {
104 | left: -100%;
105 | }
106 | to {
107 | left: 0;
108 | }
109 | }
110 |
111 | .scrollToTop {
112 | width: 100px;
113 | height: 100px;
114 | border-radius: 20px;
115 | font-size: 80px;
116 | line-height: 100px;
117 | background-color: #6D6D6D;
118 | color: white;
119 | opacity: 0.5;
120 | text-align: center;
121 | position: fixed;
122 | right: 80px;
123 | bottom: 80px;
124 | padding-right: 5px;
125 | cursor: pointer;
126 | }
127 |
128 | .scrollToTop:hover{
129 | opacity: 1;
130 | }
131 |
132 | .g-main {
133 | margin-top: 50px;
134 | }
135 |
136 | .u-panel {
137 | padding: 20px;
138 | border-radius: 20px;
139 | box-shadow: 3px 3px 6px #8A8A8A;
140 | background: rgba(255,255,255,0.8);
141 | }
142 |
--------------------------------------------------------------------------------
/routes/Actions/AdmireAction.js:
--------------------------------------------------------------------------------
1 | var Admire = require("../Model/Admire.js"),
2 | Comment = require("../Model/Comment.js"),
3 | Remind = require("../Model/Remind.js"),
4 | moment = require("moment");
5 |
6 | moment.lang("zh-cn");
7 |
8 | exports.add = function(req, res) {
9 | var admire = new Admire({
10 | username: req.session.user.username,
11 | commentId: req.body.commentId
12 | });
13 | admire.save(function(err, admire) {
14 | if (err) return res.json(500, {
15 | message: err.message
16 | });
17 | Comment.get(admire.commentId, function(err, comment) {
18 | if (err) return res.json(500, {
19 | message: err.message
20 | });
21 | new Remind({
22 | type: "admire",
23 | ref: admire.id,
24 | user: comment.username
25 | }).save(function(err) {
26 | if (err) return res.json(500, {
27 | message: err.message
28 | });
29 | res.json({
30 | success: true
31 | });
32 | });
33 | });
34 | });
35 | };
36 |
37 | exports.remove = function(req, res) {
38 | var admire = new Admire({
39 | username: req.session.user.username,
40 | commentId: req.body.commentId
41 | });
42 | admire.remove(function(err) {
43 | if (err) return res.json(500, {
44 | message: err.message
45 | });
46 | res.json({
47 | success: true
48 | });
49 | });
50 | };
51 |
52 | exports.checkAdmired = function(req, res) {
53 | var username = req.session.user.username,
54 | commentId = req.body.commentId;
55 | Admire.checkAdmired(username, commentId, function(err, admired) {
56 | if (err) return res.json(500, {
57 | message: err.message
58 | });
59 | res.json({
60 | admired: admired
61 | });
62 | });
63 | };
64 |
65 | exports.countByComment = function(req, res) {
66 | var commentId = req.body.commentId;
67 | Admire.countByComment(commentId, function(err, total) {
68 | if (err) return res.json(500, {
69 | message: err.message
70 | });
71 | res.json({
72 | total: total
73 | });
74 | });
75 | };
76 |
77 | exports.getOne = function(req, res) {
78 | Admire.get(req.body.admireId, function(err, admire) {
79 | if (err) return res.json(500);
80 | if (!admire) return res.status(404).send("not fount");
81 | admire.time = moment(admire.time).fromNow();
82 | res.json({
83 | admire: admire
84 | });
85 | });
86 | };
87 |
88 | exports.getByUser = function(req, res) {
89 | Admire.getByUser(req.body.username, Number(req.body.curPage), Number(req.body.perPage), function(err, admires) {
90 | if (err) return res.json(500);
91 | for (var i = admires.length; i--;) {
92 | admires[i].time = moment(admires[i].time).fromNow();
93 | }
94 | res.json({
95 | admires: admires
96 | });
97 | });
98 | };
99 |
100 | exports.countByUser = function(req, res) {
101 | Admire.countByUser(req.body.username, function(err, total) {
102 | if (err) return res.json(500);
103 | res.json({
104 | total: total
105 | });
106 | });
107 | };
--------------------------------------------------------------------------------
/routes/Actions/ArticleAction.js:
--------------------------------------------------------------------------------
1 | var Article = require("../Model/Article.js"),
2 | User = require("../Model/User.js"),
3 | Comment = require("../Model/Comment.js"),
4 | Admire = require("../Model/Admire.js"),
5 | Bookmark = require("../Model/Bookmark.js"),
6 | Tag = require("../Model/Tag.js"),
7 | async = require("async"),
8 | markdown = require("markdown").markdown,
9 | moment = require("moment");
10 |
11 | moment.lang("zh-cn");
12 |
13 | exports.writePage = function(req, res) {
14 | res.render("writeArticle");
15 | };
16 |
17 | exports.editPage = function(req, res) {
18 | Article.get(req.query.articleId, function(err, article) {
19 | if (err) {
20 | return res.render("error", {
21 | message: err.message
22 | });
23 | }
24 | if (article) {
25 | return res.render("editArticle", {
26 | article: article
27 | });
28 | }
29 | });
30 | };
31 |
32 | exports.update = function(req, res) {
33 | Article.get(req.body.articleId, function(err, article) {
34 | if (err) return res.json(500, {
35 | message: err.message
36 | });
37 | article.title = req.body.title;
38 | article.content = req.body.content;
39 | article.tags = JSON.parse(req.body.tags);
40 | article.update(function(err) {
41 | if (err) return res.json(500, {
42 | message: err.message
43 | });
44 | res.json("editArticle", {
45 | success: true
46 | });
47 | });
48 | });
49 | };
50 |
51 | exports.save = function(req, res) {
52 | console.log(req.body.tags);
53 | var article = new Article({
54 | writer: req.session.user.username,
55 | content: req.body.content,
56 | title: req.body.title,
57 | tags: JSON.parse(req.body.tags)
58 | });
59 | article.save(function(err, art) {
60 | if (err) return res.render("err", {
61 | message: "保存文章失败"
62 | });
63 | res.redirect("/article_load?articleId=" + art.id);
64 | });
65 | };
66 |
67 | exports.remove = function(req, res) {
68 | Article.get(req.body.articleId, function(err, article) {
69 | if (err) return res.json(500);
70 | article.remove(function(err) {
71 | if (err) return res.json(500);
72 | res.json({});
73 | });
74 | });
75 | };
76 |
77 | exports.getOne = function(req, res) {
78 | Article.get(req.body.articleId, function(err, article) {
79 | if (err) return res.json(500);
80 | if (!article) return res.status(404).send("not fount");
81 | article.writeTime = moment(article.writeTime).fromNow();
82 | return res.json({
83 | article: article
84 | });
85 | });
86 | };
87 |
88 |
89 | exports.load = function(req, res) {
90 | Article.get(req.query.articleId, function(err, article) {
91 | if (err) return res.render("error", {
92 | message: err.message
93 | });
94 | if (!article) return res.render("error", {
95 | message: "没有找到该文章"
96 | });
97 | article.content = markdown.toHTML(article.content);
98 | article.writeTime = moment(article.writeTime).fromNow();
99 | res.render("articleDetail", {
100 | article: article
101 | });
102 | });
103 | };
104 |
105 | exports.listAll = function(req, res) {
106 | Article.getAll(Number(req.body.curPage), Number(req.body.perPage), function(err, articles) {
107 | var i;
108 | if (err) return res.json(500);
109 | for (i = articles.length; i--;) {
110 | articles[i].content = markdown.toHTML(articles[i].content);
111 | articles[i].writeTime = moment(articles[i].writeTime).fromNow();
112 | }
113 | return res.json({
114 | articles: articles
115 | });
116 | });
117 | };
118 |
119 |
120 | exports.getByUser = function(req, res) {
121 | Article.getByUser(req.body.username, Number(req.body.curPage), Number(req.body.perPage), function(err, articles) {
122 | if (err) return res.json(500);
123 | for (var i = articles.length; i--;) {
124 | articles[i].writeTime = moment(articles[i].writeTime).fromNow();
125 | }
126 | res.json({
127 | articles: articles
128 | });
129 | });
130 | };
131 |
132 | exports.countByUser = function(req, res) {
133 | Article.countByUser(req.body.username, function(err, total) {
134 | if (err) return res.json(500);
135 | res.json({
136 | total: total
137 | });
138 | });
139 | };
140 |
141 | exports.getByTags = function(req, res) {
142 | Article.getByTags(req.body.tags, Number(req.body.curPage), Number(req.body.perPage), function(err, articles) {
143 | if (err) return res.json(500);
144 | for (var i = articles.length; i--;) {
145 | articles[i].writeTime = moment(articles[i].writeTime).fromNow();
146 | }
147 | res.json({
148 | articles: articles
149 | });
150 | });
151 | };
152 |
153 | exports.getByTitle = function(req, res) {
154 | Article.getByTitle(req.body.title, Number(req.body.curPage), Number(req.body.perPage), function(err, articles) {
155 | if (err) return res.json(500);
156 | for (var i = articles.length; i--;) {
157 | articles[i].writeTime = moment(articles[i].writeTime).fromNow();
158 | }
159 | res.json({
160 | articles: articles
161 | });
162 | });
163 | };
--------------------------------------------------------------------------------
/routes/Actions/BookmarkAction.js:
--------------------------------------------------------------------------------
1 | var Bookmark = require("../Model/Bookmark.js"),
2 | Article = require("../Model/Article.js"),
3 | Remind = require("../Model/Remind.js"),
4 | moment = require("moment");
5 |
6 | moment.lang("zh-cn");
7 |
8 | exports.save = function(req, res) {
9 | var bookmark = new Bookmark({
10 | articleId: req.body.articleId,
11 | username: req.session.user.username
12 | });
13 | bookmark.save(function(err, bookmark) {
14 | if (err) return res.json(500, {
15 | message: err.message
16 | });
17 | Article.get(bookmark.articleId, function(err, article) {
18 | if (err) return res.json(500, {
19 | message: err.message
20 | });
21 | new Remind({
22 | type: "bookmark",
23 | ref: bookmark.id,
24 | user: article.writer
25 | }).save(function(err, remind) {
26 | if (err) return res.json(500, {
27 | message: err.message
28 | });
29 | res.json({
30 | success: true
31 | });
32 | });
33 | });
34 | res.json({
35 | success: true
36 | });
37 | });
38 | };
39 |
40 | exports.remove = function(req, res) {
41 | var bookmark = new Bookmark({
42 | articleId: req.body.articleId,
43 | username: req.session.user.username
44 | });
45 | bookmark.remove(function(err) {
46 | if (err) return res.json(500, {
47 | message: err.message
48 | });
49 | res.json({
50 | success: true
51 | });
52 | });
53 | };
54 |
55 | exports.countByArticle = function(req, res) {
56 | Bookmark.countByArticle(req.body.articleId, function(err, total) {
57 | if (err) return res.json(500, {
58 | message: err.message
59 | });
60 | res.json({
61 | total: total
62 | });
63 | });
64 | };
65 |
66 | exports.checkBooked = function(req, res) {
67 | Bookmark.checkBooked(req.session.user.username, req.body.articleId, function(err, booked) {
68 | if (err) return res.json(500, {
69 | message: err.message
70 | });
71 | res.json({
72 | booked: booked
73 | });
74 | });
75 | };
76 |
77 | exports.getOne = function(req, res) {
78 | Bookmark.get(req.body.bookmarkId, function(err, bookmark) {
79 | if (err) return res.json(500);
80 | if (!bookmark) return res.status(404).send("not found");
81 | bookmark.time = moment(bookmark.time).fromNow();
82 | res.json({
83 | bookmark: bookmark
84 | });
85 | });
86 | };
87 |
88 | exports.getByUser = function(req, res) {
89 | Bookmark.getByUser(req.body.username, Number(req.body.curPage), Number(req.body.perPage), function(err, bookmarks) {
90 | if (err) return res.json(500);
91 | for (var i = bookmarks.length; i--;) {
92 | bookmarks[i].time = moment(bookmarks[i].time).fromNow();
93 | }
94 | res.json({
95 | bookmarks: bookmarks
96 | });
97 | });
98 | };
99 |
100 | exports.countByUser = function(req, res) {
101 | Bookmark.countByUser(req.body.username, function(err, total) {
102 | if (err) return res.json(500);
103 | res.json({
104 | total: total
105 | });
106 | });
107 | };
--------------------------------------------------------------------------------
/routes/Actions/CommentAction.js:
--------------------------------------------------------------------------------
1 | var Comment = require("../Model/Comment.js"),
2 | Remind = require("../Model/Remind.js"),
3 | moment = require("moment"),
4 | async = require("async");
5 |
6 | moment.lang("zh-cn");
7 |
8 | exports.save = function(req, res) {
9 | var remind,
10 | comment = new Comment({
11 | articleId: req.body.articleId,
12 | username: req.session.user.username,
13 | comment: req.body.comment,
14 | reply: req.body.replyId
15 | });
16 |
17 | async.waterfall([
18 |
19 | function(callback) {
20 | comment.save(function(err, comment) {
21 | if (err) return callback(err);
22 | callback(err, comment);
23 | });
24 | },
25 | function(comment, callback) {
26 | if (comment.reply) {
27 | Comment.get(comment.reply, function(err, com) {
28 | if (err) return callback(err);
29 | var remind = new Remind({
30 | type: "comment",
31 | ref: comment.id,
32 | user: com.username
33 | });
34 | remind.save(function(err) {
35 | if (err) return callback(err);
36 | callback(comment);
37 | });
38 | });
39 | } else {
40 | callback(comment);
41 | }
42 | },
43 | function(comment, callback) {
44 | Article.get(comment.articleId, function(err, com) {
45 | if (err) return callback(err);
46 | var remind = new Remind({
47 | type: "comment",
48 | ref: comment.id,
49 | user: com.username
50 | });
51 | remind.save(function(err) {
52 | if (err) return callback(err);
53 | callback(comment);
54 | });
55 | });
56 | }
57 | ], function(err) {
58 | if (err) res.render("error", {
59 | message: err.message
60 | });
61 | res.redirect("/article_load?articleId=" + comment.articleId + "#comments");
62 | });
63 | };
64 |
65 | exports.remove = function(req, res) {
66 | Comment.get(req.body.commentId, function(err, comment) {
67 | if (err) return res.json(500, {
68 | message: err.message
69 | });
70 | if (req.session.user.username === comment.username) {
71 | comment.remove(function(err) {
72 | if (err) return res.json(500, {
73 | message: err.message
74 | });
75 | res.json({
76 | success: true
77 | });
78 | });
79 | } else {
80 | return res.json(500, {
81 | message: "不能删除他人的评论"
82 | });
83 | }
84 | });
85 | };
86 |
87 | exports.getByArticle = function(req, res) {
88 | Comment.getByArticle(req.body.articleId, Number(req.body.curPage), Number(req.body.perPage), function(err, comments) {
89 | var i;
90 | if (err) return res.json(500, {
91 | message: err.message
92 | });
93 | for (i = comments.length; i--;) {
94 | comments[i].time = moment(comments[i].time).fromNow();
95 | }
96 | res.json({
97 | comments: comments
98 | });
99 | });
100 | };
101 |
102 | exports.countByArticle = function(req, res) {
103 | Comment.countByArticle(req.body.articleId, function(err, total) {
104 | if (err) return res.json(500, {
105 | message: err.message
106 | });
107 | res.json({
108 | total: total
109 | });
110 | });
111 | };
112 |
113 | exports.countByUser = function(req, res) {
114 | Comment.countByUser(req.body.username, function(err, total) {
115 | if (err) return res.json(500, {
116 | message: err.message
117 | });
118 | res.json({
119 | total: total
120 | });
121 | });
122 | };
123 |
124 | exports.getByUser = function(req, res) {
125 | Comment.getByUser(req.body.username, Number(req.body.curPage), Number(req.body.perPage), function(err, comments) {
126 | if (err) return res.json(500, {
127 | message: err.message
128 | });
129 | for (var i = comments.length; i--;) {
130 | comments[i].time = moment(comments[i].time).fromNow();
131 | }
132 | res.json({
133 | comments: comments
134 | });
135 | });
136 | };
137 |
138 |
139 | exports.getOne = function(req, res) {
140 | Comment.get(req.body.commentId, function(err, comment) {
141 | if (err) return res.json(500);
142 | if (!comment) return res.status(404).send("not fount");
143 | comment.time = moment(comment.time).fromNow();
144 | res.json({
145 | comment: comment
146 | });
147 | });
148 | };
--------------------------------------------------------------------------------
/routes/Actions/ExpAction.js:
--------------------------------------------------------------------------------
1 | exports.broadchat = function(req, res) {
2 | res.render("broadchat");
3 | };
--------------------------------------------------------------------------------
/routes/Actions/GallaryAction.js:
--------------------------------------------------------------------------------
1 | var fs = require("fs"),
2 | gallary = require("../setting.js").gallary;
3 |
4 | exports.gallaryPage = function(req, res) {
5 | res.render("gallary");
6 | };
7 |
8 | exports.listByPage = function(req, res) {
9 | var curPage = req.query.curPage || 0,
10 | perPage = Number(req.query.perPage) || 10;
11 | path = "public/" + gallary.name;
12 | fs.readdir(path, function(err, files) {
13 | var i,
14 | start = curPage * perPage,
15 | end,
16 | total;
17 | if (err) return res.json(500, {
18 | message: err.message
19 | });
20 | if (start > files.length) {
21 | res.json({
22 | files: [],
23 | total: files.length,
24 | gallary: gallary.name,
25 | gallary_small: gallary.small
26 | });
27 | } else {
28 | end = start + perPage > files.length ? files.length : start + perPage;
29 | res.json({
30 | files: files.slice(start, end),
31 | total: files.length,
32 | start: start,
33 | end: end,
34 | gallary_small: gallary.small,
35 | gallary: gallary.name
36 | });
37 | }
38 | });
39 | };
--------------------------------------------------------------------------------
/routes/Actions/PictureAction.js:
--------------------------------------------------------------------------------
1 | var setting = require("../setting.js"),
2 | fs = require("fs"),
3 | async = require("async"),
4 | gm = require("gm"),
5 | path = require("path"),
6 | imageMagick = gm.subClass({
7 | imageMagick: true
8 | }),
9 | uuid = require("node-uuid"),
10 | util = require("util"),
11 | __copyFile = function copyFile(file, toDir, callback) {
12 | var reads = fs.createReadStream(file);
13 | var writes = fs.createWriteStream(path.join(path.dirname(toDir), path.basename(file)));
14 | reads.pipe(writes);
15 | //don't forget close the when all the data are read
16 | reads.on("end", function() {
17 | writes.end();
18 | callback(null);
19 | });
20 | reads.on("error", function(err) {
21 | console.log("error occur in reads");
22 | callback(true, err);
23 | });
24 | };
25 |
26 | exports.remove = function(req, res) {
27 | var fileName = req.body.fileName,
28 | smallFile = "public/" + setting.gallary.small + "/" + fileName,
29 | orignFile = "public/" + setting.gallary.name + "/" + fileName;
30 | try {
31 | fs.unlinkSync(smallFile);
32 | fs.unlinkSync(orignFile);
33 | } catch (e) {
34 | return res.json(500, {
35 | message: e.message
36 | });
37 | }
38 | res.json({
39 | success: true
40 | });
41 |
42 | };
43 |
44 | exports.uploadDirect = function(req, res) {
45 | var inputFile = req.files.image.path,
46 | fileName = new RegExp('^' + setting.uploadDir + '\\\\([\\w-\\.]+)$').exec(inputFile)[1],
47 | resizeFile = "public/" + setting.gallary.small + "/" + fileName,
48 | outputFile = "public/" + setting.gallary.name + "/" + fileName;
49 | async.waterfall([
50 |
51 | function(callback) {
52 | imageMagick(inputFile).write(outputFile, function(err) {
53 | if (err) return callback(err);
54 | callback(null);
55 | });
56 | },
57 | function(callback) {
58 | imageMagick(inputFile).resize(400).write(resizeFile, function(err) {
59 | if (err) return callback(err);
60 | callback(null);
61 | });
62 | },
63 | function(callback) {
64 | if (fs.existsSync(inputFile)) {
65 | fs.unlink(inputFile, function(err) {
66 | if (err) return callback(err);
67 | callback(null);
68 | });
69 | } else {
70 | callback(new Error("未找到文件"));
71 | }
72 | }
73 | ], function(err) {
74 | if (err) return res.json(500, {
75 | message: err.message
76 | });
77 | res.json({
78 | success: true,
79 | fileName: fileName,
80 | gallary: setting.gallary.name,
81 | gallary_small: setting.gallary.small
82 | });
83 | });
84 | };
85 |
86 | exports.uploadDirectNoCompress = function(req, res) {
87 | var inputFile = req.files.image.path,
88 | fileName = (/^upload_tmp\/([\w\-\.]+)$/.exec(inputFile) || /^upload_tmp\\([\w\-\.]+)$/.exec(inputFile))[1],
89 | resizeFile = "public/" + setting.gallary.small + "/" + fileName,
90 | outputFile = "public/" + setting.gallary.name + "/" + fileName;
91 | async.waterfall([
92 |
93 | function(callback) {
94 | __copyFile(inputFile, resizeFile, callback);
95 | },
96 | function(callback) {
97 | __copyFile(inputFile, outputFile, callback);
98 | },
99 | function(callback) {
100 | if (fs.existsSync(inputFile)) {
101 | fs.unlink(inputFile, function(err) {
102 | if (err) return callback(err);
103 | callback(null);
104 | });
105 | } else {
106 | callback(new Error("未找到文件"));
107 | }
108 | }
109 | ], function(err) {
110 | if (err) return res.json(500, {
111 | message: err.message
112 | });
113 | res.json({
114 | success: true,
115 | fileName: fileName,
116 | gallary: setting.gallary.name,
117 | gallary_small: setting.gallary.small
118 | });
119 | });
120 | };
121 |
--------------------------------------------------------------------------------
/routes/Actions/RemindAction.js:
--------------------------------------------------------------------------------
1 | var Remind = require("../Model/Remind.js"),
2 | moment = require("moment"),
3 | async = require("async");
4 |
5 | exports.getAll = function(req, res) {
6 | Remind.getByUser(req.session.user.username, Number(req.body.curPage), Number(req.body.perPage), function(err, reminds) {
7 | if (err) res.json(500, {
8 | message: err.message
9 | });
10 | res.json({
11 | reminds: reminds
12 | });
13 | });
14 | };
15 |
16 | exports.getByType = function(req, res) {
17 | Remind.getByUserAndType(req.session.user.username, req.body.type, Number(req.body.curPage), Number(req.body.perPage), function(err, reminds) {
18 | if (err) res.json(500, {
19 | message: err.message
20 | });
21 | res.json({
22 | reminds: reminds
23 | });
24 | });
25 | };
26 |
27 | exports.countUnreadAll = function(req, res) {
28 | Remind.countUnreadByUser(req.session.user.username, function(err, total) {
29 | if (err) res.json(500, {
30 | message: err.message
31 | });
32 | res.json({
33 | total: total
34 | });
35 | });
36 | };
37 |
38 | exports.countUnreadByType = function(req, res) {
39 | Remind.countUnreadByUserAndType(req.session.user.username, req.body.type, function(err, total) {
40 | if (err) res.json(500, {
41 | message: err.message
42 | });
43 | res.json({
44 | total: total
45 | });
46 | });
47 | };
48 |
49 | exports.remove = function(req, res) {
50 | var remindId = req.body.remindId;
51 | Remind.getOne(remindId, function(err, remind) {
52 | if (err) return callback(err);
53 | remind.remove(function(err) {
54 | if (err) return res.json(500);
55 | res.json(null);
56 | });
57 | });
58 | };
59 |
60 | exports.setReaded = function(req, res) {
61 | var remindIds = req.body.remindIds;
62 | async.each(remindIds, function(remindId, callback) {
63 | Remind.getOne(remindId, function(err, remind) {
64 | if (err) return callback(err);
65 | remind.readed = true;
66 | remind.update(function(err) {
67 | if (err) return callback(err);
68 | callback(null);
69 | });
70 | });
71 | }, function(err) {
72 | if (err) return res.json(500);
73 | res.json(null);
74 | });
75 | };
--------------------------------------------------------------------------------
/routes/Actions/TagAction.js:
--------------------------------------------------------------------------------
1 | var Tag = require("../Model/Tag.js"),
2 | User = require("../Model/User.js"),
3 | Article = require("../Model/Article.js"),
4 | async = require("async");
5 |
6 | exports.create = function(req, res) {
7 | var tag = new Tag({
8 | name: req.body.name,
9 | color: req.body.color
10 | });
11 | tag.save(function(err, newTag) {
12 | if (err) return res.json(500, {
13 | message: err.message
14 | });
15 | res.json({
16 | tag: newTag
17 | });
18 | });
19 | };
20 |
21 | exports.listAll = function(req, res) {
22 | var name = req.query.name;
23 | Tag.getAll(function(err, tags) {
24 | if (err) return res.json(500, {
25 | message: err.message
26 | });
27 | res.json({
28 | tags: tags
29 | });
30 | });
31 | };
32 |
33 | exports.listUserTags = function(req, res) {
34 | User.get(req.body.username, function(err, user) {
35 | if (err) return req.json(500, {
36 | message: err.message
37 | });
38 | async.map(user.tags, function(tagId, callback) {
39 | Tag.get(tagId, function(err, tag) {
40 | if (err) return callback(tag);
41 | callback(null, tag);
42 | });
43 | }, function(err, tags) {
44 | if (err) return req.json(500, {
45 | message: err.message
46 | });
47 | res.json({
48 | tags: tags
49 | });
50 | });
51 | });
52 | };
53 |
54 | exports.listArticleTags = function(req, res) {
55 | Article.get(req.body.articleId, function(err, article) {
56 | if (err) return req.json(500, {
57 | message: err.message
58 | });
59 | async.map(article.tags, function(tagId, callback) {
60 | Tag.get(tagId, function(err, tag) {
61 | if (err) return callback(tag);
62 | callback(null, tag);
63 | });
64 | }, function(err, tags) {
65 | if (err) return req.json(500, {
66 | message: err.message
67 | });
68 | res.json({
69 | tags: tags
70 | });
71 | });
72 | });
73 | };
74 |
75 | exports.listFuzzy = function(req, res) {
76 | var name = req.query.name;
77 | Tag.getByFuzzyName(name, function(err, tags) {
78 | if (err) return res.json(500, {
79 | message: err.message
80 | });
81 | res.json({
82 | tags: tags
83 | });
84 | });
85 | };
--------------------------------------------------------------------------------
/routes/Actions/UserAction.js:
--------------------------------------------------------------------------------
1 | var User = require("../Model/User.js"),
2 | async = require("async"),
3 | Bookmark = require("../Model/Bookmark.js"),
4 | Admire = require("../Model/Admire.js"),
5 | Article = require("../Model/Article.js"),
6 | Comment = require("../Model/Comment.js"),
7 | moment = require("moment");
8 | exports.loginPage = function(req, res) {
9 | res.render('login');
10 | };
11 |
12 | exports.registPage = function(req, res) {
13 | res.render('regist');
14 | };
15 |
16 | exports.login = function(req, res) {
17 | User.get(req.body.username, function(err, user) {
18 | if (err) return req.render("error", {
19 | message: "发生错误，请稍后重试..."
20 | });
21 | if (user && user.password === req.body.password) {
22 | req.session.user = user;
23 | res.redirect("/index");
24 | } else {
25 | res.render("login", {
26 | message: "用户名或密码错误..."
27 | });
28 | }
29 | });
30 | };
31 |
32 | exports.logout = function(req, res) {
33 | if (typeof req.session.user !== "undefined") {
34 | delete req.session.user;
35 | }
36 | res.redirect("index");
37 | };
38 |
39 | exports.loadDetail = function(req, res) {
40 | res.render("userDetail", {
41 | user: req.session.user
42 | });
43 | };
44 |
45 | exports.getDetail = function(req, res) {
46 | User.get(req.body.username, function(err, user) {
47 | if (err) return res.render("error", {
48 | message: err.message
49 | });
50 | res.json({
51 | username: user.username,
52 | nickname: user.nickname,
53 | owner: user.owner,
54 | tags: user.tags,
55 | avatar: user.avatar
56 | });
57 | });
58 | };
59 |
60 | exports.modify = function(req, res) {
61 | var tags = JSON.parse(req.body.tags);
62 | User.get(req.session.user.username, function(err, user) {
63 | if (err) return res.render("error", {
64 | message: err.message
65 | });
66 | if (user) {
67 | user.nickname = req.body.nickname;
68 | user.tags = tags;
69 | if (req.body.password) {
70 | user.password = req.body.password;
71 | }
72 | user.avatar = req.body.avatar || "/images/default_avatar.jpg";
73 | user.update(function(err) {
74 | req.session.user = user;
75 | res.render("userDetail", {
76 | user: req.session.user,
77 | success: true,
78 | message: "修改成功..."
79 | });
80 | });
81 | } else {
82 | res.render("userDetail", {
83 | user: req.session.user,
84 | success: false,
85 | message: "修改失败，用户不存在..."
86 | });
87 | }
88 | });
89 | };
90 |
91 | exports.regist = function(req, res) {
92 | User.get(req.body.username, function(err, user) {
93 | if (err) return res.render("error", {
94 | message: err.message
95 | });
96 | if (user) {
97 | return res.render("regist", {
98 | message: "用户名已被注册..."
99 | });
100 | } else {
101 | user = new User({
102 | username: req.body.username,
103 | password: req.body.password,
104 | nickname: req.body.nickname,
105 | avatar: "/images/default_avatar.jpg",
106 | owner: false,
107 | tags: []
108 | });
109 | user.save(function(err) {
110 | if (err) {
111 | return res.render("regist", {
112 | message: "发生错误，请稍后重试..."
113 | });
114 | } else {
115 | req.session.user = user;
116 | res.redirect("/index");
117 | }
118 | });
119 | }
120 | });
121 | };
--------------------------------------------------------------------------------
/routes/Model/Admire.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "admire",
3 | uuid = require("node-uuid"),
4 | __resultToListFn = function(callback) {
5 | return function(err, results) {
6 | var i;
7 | if (err) return callback(err);
8 | for (i = results.length; i--;) {
9 | results[i] = new Admire(results[i]);
10 | }
11 | callback(err, results);
12 |
13 | };
14 | };
15 |
16 | function Admire(admire) {
17 | this.username = admire.username;
18 | this.commentId = admire.commentId;
19 | this.time = admire.time;
20 | this.id = admire.id;
21 | }
22 |
23 | module.exports = Admire;
24 |
25 | Admire.prototype.save = function(callback) {
26 | commonDao.save(collectionName, {
27 | username: this.username,
28 | commentId: this.commentId,
29 | time: new Date().getTime(),
30 | id: uuid.v4()
31 | }, function(err, result) {
32 | if (err) return callback(err);
33 | if (!result[0]) return callback(new Error("保存失败"));
34 | callback(err, new Admire(result[0]));
35 | });
36 | };
37 |
38 | Admire.get = function(admireId, callback) {
39 | commonDao.findOne(collectionName, {
40 | id: admireId
41 | }, function(err, result) {
42 | if (err) return callback(err);
43 | callback(err, result ? new Admire(result) : result);
44 | });
45 | };
46 |
47 | Admire.removeByComment = function(commentId, callback) {
48 | commonDao.remove(collectionName, {
49 | commentId: commentId
50 | }, callback);
51 | };
52 |
53 | Admire.getByUser = function(username, curPage, perPage, callback) {
54 | commonDao.find(collectionName, {
55 | condition: {
56 | username: username
57 | },
58 | sort: {
59 | time: -1
60 | },
61 | page: {
62 | curPage: curPage,
63 | perPage: perPage
64 | }
65 | }, __resultToListFn(callback));
66 | };
67 |
68 | Admire.countByUser = function(username, callback) {
69 | commonDao.count(collectionName, {
70 | username: username
71 | }, callback);
72 | };
73 |
74 | Admire.prototype.remove = function(callback) {
75 | commonDao.remove(collectionName, {
76 | username: this.username,
77 | commentId: this.commentId
78 | }, callback);
79 | };
80 |
81 | Admire.countByComment = function(commentId, callback) {
82 | commonDao.count(collectionName, {
83 | commentId: commentId
84 | }, callback);
85 | };
86 |
87 | Admire.checkAdmired = function(username, commentId, callback) {
88 | commonDao.findOne(collectionName, {
89 | username: username,
90 | commentId: commentId
91 | }, function(err, result) {
92 | if (err) return callback(err);
93 | if (!result) return callback(err, false);
94 | return callback(err, true);
95 | });
96 | };
--------------------------------------------------------------------------------
/routes/Model/Article.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "article",
3 | uuid = require("node-uuid"),
4 | async = require("async"),
5 | Bookmark = require("./Bookmark.js"),
6 | Comment = require("./Comment.js"),
7 | __resultToListFn = function(callback) {
8 | return function(err, results) {
9 | var i;
10 | if (err) return callback(err);
11 | for (i = results.length; i--;) {
12 | results[i] = new Article(results[i]);
13 | }
14 | callback(err, results);
15 | };
16 | };
17 |
18 | function Article(article) {
19 | this.content = article.content;
20 | this.title = article.title;
21 | this.writer = article.writer;
22 | this.id = article.id;
23 | this.writeTime = article.writeTime;
24 | this.lastModifyTime = article.lastModifyTime;
25 | this.tags = article.tags;
26 | }
27 |
28 | module.exports = Article;
29 |
30 | Article.prototype.save = function(callback) {
31 | var article = {
32 | content: this.content,
33 | title: this.title,
34 | writer: this.writer,
35 | writeTime: new Date().getTime(),
36 | lastModifyTime: new Date().getTime(),
37 | tags: this.tags,
38 | id: uuid.v4()
39 | };
40 | commonDao.save(collectionName, article, function(err, result) {
41 | if (err) return callback(err);
42 | if (!result[0]) return callback(new Error("保存失败"));
43 | callback(err, new Article(result[0]));
44 | });
45 | };
46 |
47 | Article.prototype.update = function(callback) {
48 | commonDao.update(collectionName, {
49 | id: this.id
50 | }, {
51 | content: this.content,
52 | title: this.title,
53 | lastModifyTime: new Date().getTime(),
54 | tags: this.tags
55 | }, callback);
56 | };
57 |
58 | Article.prototype.remove = function(callback) {
59 | var articleId = this.id;
60 | commonDao.remove(collectionName, {
61 | id: articleId
62 | }, callback);
63 | };
64 |
65 | Article.get = function(id, callback) {
66 | commonDao.findOne(collectionName, {
67 | id: id
68 | }, function(err, result) {
69 | if (err) return callback(err);
70 | callback(err, result ? new Article(result) : result);
71 | });
72 | };
73 |
74 | Article.countAll = function(callback) {
75 | commonDao.count(collectionName, {}, callback);
76 | };
77 |
78 | Article.getAll = function(curPage, perPage, callback) {
79 | commonDao.find(collectionName, {
80 | sort: {
81 | writeTime: -1
82 | },
83 | page: {
84 | curPage: curPage,
85 | perPage: perPage
86 | }
87 | }, __resultToListFn(callback));
88 | };
89 |
90 | Article.getByUser = function(username, curPage, perPage, callback) {
91 | commonDao.find(collectionName, {
92 | condition: {
93 | writer: username
94 | },
95 | sort: {
96 | writeTime: -1
97 | },
98 | page: {
99 | curPage: curPage,
100 | perPage: perPage
101 | }
102 | }, __resultToListFn(callback));
103 | };
104 |
105 | Article.countByUser = function(username, callback) {
106 | commonDao.count(collectionName, {
107 | writer: username
108 | }, callback);
109 | };
110 |
111 | Article.getByTags = function(tags, curPage, perPage, callback) {
112 | commonDao.find(collectionName, {
113 | condition: {
114 | tags: {
115 | $all: tags
116 | }
117 | },
118 | sort: {
119 | writeTime: -1
120 | },
121 | page: {
122 | curPage: curPage,
123 | perPage: perPage
124 | }
125 | }, __resultToListFn(callback));
126 | };
127 |
128 | Article.getByTitle = function(title, curPage, perPage, callback) {
129 | console.log(title);
130 | commonDao.find(collectionName, {
131 | condition: {
132 | title: new RegExp(title, "i")
133 | },
134 | sort: {
135 | writeTime: -1
136 | },
137 | page: {
138 | curPage: curPage,
139 | perPage: perPage
140 | }
141 | }, __resultToListFn(callback));
142 | };
--------------------------------------------------------------------------------
/routes/Model/Bookmark.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "bookmark",
3 | uuid = require("node-uuid"),
4 | __resultToListFn = function(callback) {
5 | return function(err, results) {
6 | var i;
7 | if (err) return callback(err);
8 | for (i = results.length; i--;) {
9 | results[i] = new Bookmark(results[i]);
10 | }
11 | callback(err, results);
12 | };
13 | };
14 |
15 | function Bookmark(bookmark) {
16 | this.username = bookmark.username;
17 | this.articleId = bookmark.articleId;
18 | this.time = bookmark.time;
19 | this.id = bookmark.id;
20 | }
21 |
22 | module.exports = Bookmark;
23 |
24 | Bookmark.prototype.save = function(callback) {
25 | commonDao.save(collectionName, {
26 | username: this.username,
27 | articleId: this.articleId,
28 | time: new Date().getTime(),
29 | id: uuid.v4()
30 | }, function(err, result) {
31 | if (err) return callback(err);
32 | if (!result[0]) return callback(new Error("保存失败"));
33 | callback(err, new Bookmark(result[0]));
34 | });
35 | };
36 |
37 | Bookmark.prototype.remove = function(callback) {
38 | commonDao.remove(collectionName, {
39 | username: this.username,
40 | articleId: this.articleId
41 | }, callback);
42 | };
43 |
44 |
45 | Bookmark.get = function(bookmarkId, callback) {
46 | commonDao.findOne(collectionName, {
47 | id: bookmarkId
48 | }, function(err, result) {
49 | if (err) return callback(err);
50 | callback(err, result ? new Bookmark(result) : result);
51 | });
52 | };
53 |
54 | Bookmark.checkBooked = function(username, articleId, callback) {
55 | commonDao.findOne(collectionName, {
56 | username: username,
57 | articleId: articleId
58 | }, function(err, result) {
59 | if (err) return callback(err);
60 | if (!result) return callback(err, false);
61 | return callback(err, true);
62 | });
63 | };
64 |
65 | Bookmark.getByUser = function(username, curPage, perPage, callback) {
66 | commonDao.find(collectionName, {
67 | condition: {
68 | username: username
69 | },
70 | sort: {
71 | time: -1
72 | },
73 | page: {
74 | curPage: curPage,
75 | perPage: perPage
76 | }
77 | }, __resultToListFn(callback));
78 | };
79 |
80 | Bookmark.countByUser = function(username, callback) {
81 | commonDao.count(collectionName, {
82 | username: username
83 | }, callback);
84 | };
85 |
86 | Bookmark.getByArticle = function(articleId, callback) {
87 | commonDao.find(collectionName, {
88 | condition: {
89 | articleId: articleId
90 | },
91 | sort: {
92 | time: -1
93 | }
94 | }, __resultToListFn(callback));
95 | };
96 |
97 | Bookmark.countByArticle = function(articleId, callback) {
98 | commonDao.count(collectionName, {
99 | articleId: articleId
100 | }, function(err, total) {
101 | if (err) return callback(err);
102 | callback(err, total);
103 | });
104 | };
--------------------------------------------------------------------------------
/routes/Model/Comment.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "comment",
3 | uuid = require("node-uuid"),
4 | Admire = require("./Admire.js"),
5 | async = require("async"),
6 | __resultToListFn = function(callback) {
7 | return function(err, results) {
8 | var i;
9 | if (err) {
10 | return callback(err);
11 | }
12 | for (i = results.length; i--;) {
13 | results[i] = new Comment(results[i]);
14 | }
15 | callback(err, results);
16 | };
17 | };
18 |
19 | function Comment(comment) {
20 | this.comment = comment.comment;
21 | this.username = comment.username;
22 | this.reply = comment.reply;
23 | this.articleId = comment.articleId;
24 | this.time = comment.time;
25 | this.id = comment.id;
26 | }
27 |
28 | module.exports = Comment;
29 |
30 | Comment.prototype.save = function(callback) {
31 | commonDao.save(collectionName, {
32 | comment: this.comment,
33 | username: this.username,
34 | articleId: this.articleId,
35 | time: new Date().getTime(),
36 | reply: this.reply,
37 | id: uuid.v4()
38 | }, function(err, result) {
39 | if (err) return callback(err);
40 | if (!result[0]) return new Error("保存评论失败");
41 | return callback(err, new Comment(result[0]));
42 | });
43 | };
44 |
45 | Comment.prototype.remove = function(callback) {
46 | var commentId = this.id;
47 | commonDao.remove(collectionName, {
48 | id: commentId
49 | }, callback);
50 | };
51 |
52 | Comment.get = function(commentId, callback) {
53 | commonDao.findOne(collectionName, {
54 | id: commentId
55 | }, function(err, result) {
56 | if (err) return callback(err);
57 | callback(err, result ? new Comment(result) : result);
58 | });
59 | };
60 |
61 | Comment.getByArticle = function(articleId, curPage, perPage, callback) {
62 | commonDao.find(collectionName, {
63 | condition: {
64 | articleId: articleId
65 | },
66 | sort: {
67 | time: -1
68 | },
69 | page: {
70 | curPage: curPage,
71 | perPage: perPage
72 | }
73 | }, __resultToListFn(callback));
74 | };
75 |
76 | Comment.getByUser = function(username, curPage, perPage, callback) {
77 | commonDao.find(collectionName, {
78 | condition: {
79 | username: username
80 | },
81 | sort: {
82 | time: -1
83 | },
84 | page: {
85 | curPage: curPage,
86 | perPage: perPage
87 | }
88 | }, __resultToListFn(callback));
89 | };
90 |
91 | Comment.countByUser = function(username, callback) {
92 | commonDao.count(collectionName, {
93 | username: username
94 | }, callback);
95 | };
96 |
97 | Comment.countByArticle = function(articleId, callback) {
98 | commonDao.count(collectionName, {
99 | articleId: articleId
100 | }, callback);
101 | };
--------------------------------------------------------------------------------
/routes/Model/CommonDAO.js:
--------------------------------------------------------------------------------
1 | var MongoClient = require('mongodb').MongoClient,
2 | setting = require("../setting.js"),
3 | client;
4 | console.log("MongoDB connecting...");
5 | exports.save = function(collectionName, obj, callback) {
6 | MongoClient.connect(setting.host, function(err, client) {
7 | client.collection(collectionName, function(err, collection) {
8 | if (err) return callback(err);
9 | collection.insert(obj, {
10 | safe: true
11 | }, function(err, result) {
12 | callback(err, result);
13 | client.close();
14 | });
15 | });
16 | });
17 | };
18 |
19 | exports.findOne = function(collectionName, oArgs, callback) {
20 | MongoClient.connect(setting.host, function(err, client) {
21 | client.collection(collectionName, function(err, collection) {
22 | if (err) return callback(err);
23 | collection.findOne(oArgs, function(err, result) {
24 | callback(err, result);
25 | client.close();
26 | });
27 | });
28 | });
29 | };
30 |
31 | exports.update = function(collectionName, oArgs, newObj, callback) {
32 | if (newObj._id) delete newObj._id;
33 | MongoClient.connect(setting.host, function(err, client) {
34 | client.collection(collectionName, function(err, collection) {
35 | if (err) return callback(err);
36 | collection.update(oArgs, {
37 | $set: newObj
38 | }, {
39 | safe: true,
40 | upsert: false,
41 | multi: true
42 | },
43 | function(err, result) {
44 | callback(err, result);
45 | client.close();
46 | });
47 | });
48 | });
49 |
50 | };
51 |
52 | exports.remove = function(collectionName, oArgs, callback) {
53 | MongoClient.connect(setting.host, function(err, client) {
54 | client.collection(collectionName, function(err, collection) {
55 | if (err) return callback(err);
56 | collection.remove(oArgs, function(err, result) {
57 | callback(err, result);
58 | client.close();
59 | });
60 | });
61 | });
62 | };
63 |
64 | exports.count = function(collectionName, oArgs, callback) {
65 | MongoClient.connect(setting.host, function(err, client) {
66 | client.collection(collectionName, function(err, collection) {
67 | if (err) return callback(err);
68 | collection.count(oArgs, function(err, result) {
69 | callback(err, result);
70 | client.close();
71 | });
72 | });
73 | });
74 | };
75 |
76 | exports.find = function(collectionName, oArgs, callback) {
77 | MongoClient.connect(setting.host, function(err, client) {
78 | client.collection(collectionName, function(err, collection) {
79 | var tmp,
80 | skip;
81 | if (err) return callback(err);
82 | tmp = collection.find(oArgs.condition);
83 | if (oArgs.sort) tmp.sort(oArgs.sort);
84 | if (oArgs.page) {
85 | skip = oArgs.page.curPage * oArgs.page.perPage;
86 | tmp.limit(oArgs.page.perPage).skip(skip);
87 | }
88 | tmp.toArray(function(err, result) {
89 | callback(err, result);
90 | client.close();
91 | });
92 | });
93 | });
94 | };
--------------------------------------------------------------------------------
/routes/Model/Remind.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "remind",
3 | uuid = require("node-uuid"),
4 | async = require("async"),
5 | __resultToListFn = function(callback) {
6 | return function(err, results) {
7 | var i;
8 | if (err) return callback(err);
9 | for (i = results.length; i--;) {
10 | results[i] = new Remind(results[i]);
11 | }
12 | callback(err, results);
13 | };
14 | };
15 |
16 | function Remind(remind) {
17 | this.id = remind.id;
18 | this.time = remind.time;
19 | this.type = remind.type;
20 | this.ref = remind.ref;
21 | this.readed = remind.readed;
22 | this.user = remind.user;
23 | }
24 |
25 | module.exports = Remind;
26 |
27 | Remind.prototype.save = function(callback) {
28 | commonDao.save(collectionName, {
29 | time: new Date().getTime(),
30 | type: this.type,
31 | ref: this.ref,
32 | user: this.user,
33 | readed: false,
34 | id: uuid.v4()
35 | }, function(err, result) {
36 | if (err) return callback(err);
37 | if (!result[0]) return callback(new Error("保存失败"));
38 | callback(err, new Remind(result[0]));
39 | });
40 | };
41 |
42 | Remind.getOne = function(remindId, callback) {
43 | commonDao.findOne(collectionName, {
44 | id: remindId
45 | }, function(err, result) {
46 | if (err) return callback(err);
47 | callback(err, result ? new Remind(result) : null);
48 | });
49 | };
50 |
51 | Remind.prototype.remove = function(callback) {
52 | commonDao.remove(collectionName, {
53 | id: this.id
54 | }, callback);
55 | };
56 |
57 | Remind.prototype.update = function(callback) {
58 | commonDao.update(collectionName, {
59 | id: this.id
60 | }, {
61 | readed: this.readed
62 | }, callback);
63 | };
64 |
65 | Remind.getByUser = function(username, curPage, perPage, callback) {
66 | commonDao.find(collectionName, {
67 | condition: {
68 | user: username
69 | },
70 | sort: {
71 | time: -1
72 | },
73 | page: {
74 | curPage: curPage,
75 | perPage: perPage
76 | },
77 | }, __resultToListFn(callback));
78 | };
79 |
80 | Remind.getByUserAndType = function(username, type, curPage, perPage, callback) {
81 | commonDao.find(collectionName, {
82 | condition: {
83 | user: username,
84 | type: type
85 | },
86 | page: {
87 | curPage: curPage,
88 | perPage: perPage
89 | },
90 | sort: {
91 | time: -1
92 | }
93 | }, __resultToListFn(callback));
94 | };
95 |
96 | Remind.countByUser = function(username, callback) {
97 | commonDao.count(collectionName, {
98 | user: username
99 | }, callback);
100 | };
101 |
102 | Remind.countByUserAndType = function(username, type, callback) {
103 | commonDao.count(collectionName, {
104 | user: username,
105 | type: type
106 | }, callback);
107 | };
108 |
109 | Remind.countUnreadByUser = function(username, callback) {
110 | commonDao.count(collectionName, {
111 | user: username,
112 | readed: false
113 | }, callback);
114 | };
115 |
116 | Remind.countUnreadByUserAndType = function(username, type, callback) {
117 | commonDao.count(collectionName, {
118 | user: username,
119 | type: type,
120 | readed: false
121 | }, callback);
122 | };
--------------------------------------------------------------------------------
/routes/Model/Tag.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "tag",
3 | uuid = require("node-uuid"),
4 | __resultToListFn = function(callback) {
5 | return function(err, results) {
6 | var i;
7 | if (err) return callback(err);
8 | for (i = results.length; i--;) {
9 | results[i] = new Tag(results[i]);
10 | }
11 | callback(err, results);
12 |
13 | };
14 | };
15 |
16 | function Tag(tag) {
17 | this.name = tag.name;
18 | this.createTime = tag.createTime;
19 | this.id = tag.id;
20 | this.color = tag.color;
21 | }
22 |
23 | module.exports = Tag;
24 |
25 | Tag.prototype.save = function(callback) {
26 | commonDao.save(collectionName, {
27 | name: this.name,
28 | color: this.color,
29 | createTime: new Date().getTime(),
30 | id: uuid.v4()
31 | }, function(err, result) {
32 | if (err) return callback(err);
33 | if (!result[0]) return new Error("保存标签失败");
34 | return callback(err, new Tag(result[0]));
35 | });
36 | };
37 |
38 | Tag.get = function(id, callback) {
39 | commonDao.findOne(collectionName, {
40 | id: id
41 | }, function(err, result) {
42 | if (err) return callback(err);
43 | callback(err, result ? new Tag(result) : result);
44 | });
45 | };
46 |
47 | Tag.getAll = function(callback) {
48 | commonDao.find(collectionName, {
49 | sort: {
50 | createTime: -1
51 | }
52 | }, __resultToListFn(callback));
53 | };
54 |
55 | Tag.getByFuzzyName = function(name, callback) {
56 | commonDao.find(collectionName, {
57 | condition: {
58 | name: new RegExp(name)
59 | },
60 | sort: {
61 | createTime: -1
62 | }
63 | }, __resultToListFn(callback));
64 | };
--------------------------------------------------------------------------------
/routes/Model/User.js:
--------------------------------------------------------------------------------
1 | var commonDao = require("./CommonDAO.js"),
2 | collectionName = "user",
3 | __resultToListFn = function(callback) {
4 | return function(err, results) {
5 | var i;
6 | if (err) {
7 | return callback(err);
8 | }
9 | for (i = results.length; i--;) {
10 | results[i] = new User(results[i]);
11 | }
12 | callback(err, results);
13 |
14 | };
15 | };
16 |
17 | function User(user) {
18 | this.username = user.username;
19 | this.nickname = user.nickname;
20 | this.password = user.password;
21 | this.owner = user.owner;
22 | this.avatar = user.avatar;
23 | this.tags = user.tags;
24 | }
25 |
26 | module.exports = User;
27 |
28 | User.prototype.save = function(callback) {
29 | commonDao.save(collectionName, {
30 | username: this.username,
31 | password: this.password,
32 | nickname: this.nickname,
33 | owner: this.owner,
34 | avatar: this.avatar,
35 | tags: this.tags
36 | }, function(err, result) {
37 | if (err) return callback(err);
38 | if (!result[0]) return new Error("保存评论失败");
39 | return callback(err, new User(result[0]));
40 | });
41 | };
42 |
43 | User.prototype.remove = function(callback) {
44 | commonDao.remove(collectionName, {
45 | username: this.username
46 | }, callback);
47 | };
48 |
49 | User.prototype.update = function(callback) {
50 | commonDao.update(collectionName, {
51 | username: this.username
52 | }, {
53 | username: this.username,
54 | password: this.password,
55 | nickname: this.nickname,
56 | owner: this.owner,
57 | avatar: this.avatar,
58 | tags: this.tags
59 | }, callback);
60 | };
61 |
62 | User.get = function(username, callback) {
63 | commonDao.findOne(collectionName, {
64 | username: username
65 | }, function(err, result) {
66 | if (err) return callback(err);
67 | callback(err, result ? new User(result) : result);
68 | });
69 | };
70 |
71 | User.getAll = function(curPage, perPage, callback) {
72 | commonDao.find(collectionName, {
73 | page: {
74 | curPage: curPage,
75 | perPage: perPage
76 | },
77 | sort: {
78 | username: 1
79 | }
80 | }, __resultToListFn(callback));
81 | };
82 |
83 | User.countAll = function(callback) {
84 | commonDao.count(collectionName, {}, callback);
85 | };
--------------------------------------------------------------------------------
/routes/index.js:
--------------------------------------------------------------------------------
1 | var Article = require("./Model/Article.js"),
2 | User = require("./Model/User.js"),
3 | Comment = require("./Model/Comment.js"),
4 | Admire = require("./Model/Admire.js"),
5 | Bookmark = require("./Model/Bookmark.js"),
6 | markdown = require("markdown").markdown,
7 | async = require("async"),
8 | moment = require("moment");
9 |
10 | exports.index = function(req, res) {
11 | var page = (req.query.page || 1) - 1,
12 | artPerPage = req.query.artPerPage || 5;
13 | async.waterfall([
14 |
15 | function(callback) {
16 | Article.getAll(page, artPerPage, function(err, articles) {
17 | if (err) return callback(err);
18 | callback(err, articles);
19 | });
20 | },
21 | function(articles, callback) {
22 | Article.countAll(function(err, total) {
23 | if (err) return callback(err);
24 | callback(err, articles, total);
25 | });
26 | }
27 | ], function(err, articles, total) {
28 | var i,
29 | totalPage,
30 | curPage,
31 | startPage,
32 | endPage;
33 | if (err) return res.render("error", {
34 | message: "获取文章列表时发生错误..."
35 | });
36 | for (i = articles.length; i--;) {
37 | articles[i].content = markdown.toHTML(articles[i].content);
38 | articles[i].writeTime = moment(articles[i].writeTime).fromNow();
39 | }
40 | totalPage = Math.ceil(total / artPerPage);
41 | curPage = page + 1;
42 |
43 | if (curPage <= 2) {
44 | startPage = 1;
45 | endPage = totalPage >= 5 ? 5 : totalPage;
46 | } else if (curPage >= totalPage - 2) {
47 | endPage = totalPage;
48 | startPage = totalPage >= 5 ? totalPage - 4 : 1;
49 | } else {
50 | startPage = curPage - 2;
51 | endPage = curPage + 2;
52 | }
53 | res.render("index", {
54 | articles: articles,
55 | curPage: page + 1,
56 | artPerPage: artPerPage,
57 | totalPage: totalPage,
58 | startPage: startPage,
59 | endPage: endPage
60 | });
61 | });
62 | };
63 |
64 | exports.userCenter = function(req, res) {
65 | var username = req.query.username || req.session.user.username;
66 | User.get(username, function(err, user) {
67 | if (err) return res.render("error", {
68 | message: err.message
69 | });
70 | res.render("userCenter", {
71 | curUser: user
72 | });
73 | });
74 | };
75 |
76 | exports.advicePage = function(req, res) {
77 | res.render("advice");
78 | };
79 |
80 | exports.searchPage = function(req, res) {
81 | res.render("search");
82 | };
83 |
84 | exports.articleListPage = function(req, res){
85 | res.render("listArticle");
86 | };
--------------------------------------------------------------------------------
/routes/setting.js:
--------------------------------------------------------------------------------
1 | var fs = require('fs');
2 | if(!fs.existsSync("upload_tmp")){
3 | fs.mkdirSync("upload_tmp");
4 | }
5 |
6 | if(!fs.existsSync("public/gallary_sm")){
7 | fs.mkdirSync("public/gallary_sm");
8 | }
9 |
10 | if(!fs.existsSync("public/gallary")){
11 | fs.mkdirSync("public/gallary");
12 | }
13 |
14 | module.exports = {
15 | //本地数据库测试
16 | host : process.env.DB || "mongodb://127.0.0.1:27017/myblog",
17 | gallary : {
18 | small : "gallary_sm",
19 | name : "gallary"
20 | },
21 | uploadDir : "upload_tmp"
22 | };
--------------------------------------------------------------------------------
/upload_tmp/5792-oxlaq1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LingyuCoder/NodeBlog/80e5fba805415f2110a13bb3c1705258b079f744/upload_tmp/5792-oxlaq1.jpg
--------------------------------------------------------------------------------
/views/advice.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 |
5 | block content
6 | div(class="container")
7 | div(class="jumbotron u-panel", style="margin-top:50px")
8 | h1 感谢您提供宝贵的意见
9 | p 如果您对这个博客有任何意见和建议，或者遇到了任何bug，均可在此进行提交
10 | p 如果您喜欢这个博客，请分享给你的好友：
11 | div(class="jiathis_style_32x32")
12 | a(class="jiathis_button_qzone")
13 | a(class="jiathis_button_tsina")
14 | a(class="jiathis_button_tqq")
15 | a(class="jiathis_button_renren")
16 | a(class="jiathis_button_kaixin001")
17 | a(href="http://www.jiathis.com/share", class="jiathis jiathis_txt jtico jtico_jiathis", target="_blank")
18 | a(class="jiathis_counter_style")
19 | div(class="clearfix")
20 | div(class = "ds-thread")
21 |
22 | block javascript
23 | script(type="text/javascript",src="http://v3.jiathis.com/code/jia.js",charset="utf-8")
24 | script(type = 'text/javascript')
25 | var duoshuoQuery = {
26 | short_name: "skyinlayer"
27 | };
28 | (function() {
29 | var ds = document.createElement('script');
30 | ds.type = 'text/javascript';
31 | ds.async = true;
32 | ds.src = 'http://static.duoshuo.com/embed.js';
33 | ds.charset = 'UTF-8';
34 | (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
35 | })();
36 |
37 |
--------------------------------------------------------------------------------
/views/articleDetail.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/github.css')
5 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
6 | link(rel='stylesheet', href='/stylesheets/pageTools/admire.css')
7 | link(rel='stylesheet', href='/stylesheets/pageTools/comment.css')
8 | link(rel='stylesheet', href='/stylesheets/pageTools/user.css')
9 | link(rel='stylesheet', href='/stylesheets/pageTools/bookmark.css')
10 | link(rel='stylesheet', href='/stylesheets/page/articleDetail.css')
11 | //- script(src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js", type="text/javascript", charset="utf-8")
12 | block content
13 | div(class="container")
14 | div(class="g-art", id="artBody")
15 | div(class="u-panel g-art-body")
16 | div(class="u-flag")
17 | div(class="u-flag-left")
18 | h3
19 | !=article.title
20 | section
21 | !=article.content
22 | div(class="g-art-footer")
23 | div(id="bookmark", aid="#{article.id}", cur=user?"#{user.username}":"")
24 | div(style="float:right;padding:5px 10px")
25 | //- wb:share-button(appkey="1yj5nG", addition="number", type="button", default_text="#{article.title} 来自 天镶的博客", ralateUid="1162383197")
26 | div(class="clearfix")
27 | hr
28 | div(id="comments", aid="#{article.id}", cur="0", curUser=user?"#{user.username}":"")
29 | div(class="g-container")
30 | div(class="u-more") 点击获取更多
31 |
32 | div(id="replyComment", class="g-reply-form")
33 | form(action="/nor/comment_addComment", method="post")
34 | input(type="hidden", name="articleId", value="#{article.id}")
35 | input(type="hidden", name="replyId")
36 | div(class="form-group")
37 | textarea(class="form-control", name="comment", id="inputComment", style="resize: none", rows=2)
38 | div(class="form-group")
39 | button(class="btn btn-success", type="submit", style="float:right") 发送
40 | div(class="clearfix")
41 |
42 | div(id="newComments")
43 | if user
44 | h3 新评论:
45 | form(action="/nor/comment_addComment", method="post")
46 | input(type="hidden", name="articleId", value="#{article.id}")
47 | div(class="form-group")
48 | textarea(class="form-control", name="comment", id="inputComment", style="resize: none", rows=4)
49 | div(class="form-group")
50 | button(class="btn btn-success", id="sendComment", type="submit", style="float:left") 发送
51 | button(class="btn btn-danger", type="button" ,id="clearComment", style="float:right") 清空
52 | else
53 | h3(style="text-align:center") 请登录后评论
54 | div(class="g-art-info hidden-sm")
55 | div(class="u-panel")
56 | div(class="g-user")
57 | div(class="u-avatar", uid="#{article.writer}")
58 | div(class="u-nick")
59 | div(class="clearfix")
60 | div(class="u-time") #{"作于: " + article.writeTime}
61 | if user&&user.owner
62 | div(class="g-opt")
63 | a(class="btn btn-primary", style="width:100%;margin-top:10px", href="/nor/conf/article_edit?articleId=#{article.id}") 修改
64 | button(class="btn btn-danger", aid="#{article.id}",style="width:100%;margin-top:10px", id="deleteArticle") 删除
65 | div(class="u-panel", style="margin-top: 20px") 文章标签：
66 | div(class="u-tags", id="tags", aid="#{article.id}")
67 |
68 | block javascript
69 | script(type='text/javascript', src='/javascripts/tools/highlight.pack.js')
70 | script(type='text/javascript', src='/javascripts/pageTools/Tag.js')
71 | script(type='text/javascript', src='/javascripts/pageTools/Admire.js')
72 | script(type='text/javascript', src='/javascripts/pageTools/Comment.js')
73 | script(type='text/javascript', src='/javascripts/pageTools/Article.js')
74 | script(type='text/javascript', src='/javascripts/pageTools/User.js')
75 | script(type='text/javascript', src='/javascripts/pageTools/Bookmark.js')
76 | script(type='text/javascript', src='/javascripts/page/articleDetail.js')
--------------------------------------------------------------------------------
/views/broadchat.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | style(type="text/stylesheet")
5 | .g-row {
6 | width: 100%;
7 | margin-top:40px;
8 | }
9 | .g-row:after{
10 | content:"";
11 | display: table;
12 | clear:both;
13 | }
14 | block content
15 | div(class="container")
16 | h2
17 | strong 版聊
18 | div(class="g-row", style="font-size:120%;font-weight: bolder")
19 | div(class="", style="width: 32%;float:right")
20 | div(class="u-panel", id="users") 版上的用户：
21 | hr
22 | div(class="u-panel", style="margin-top:20px", id="logs")
23 | div(class="u-panel", style="width: 66%;float:left")
24 | div(class="panel-body",nick=user?"#{user.nickname}":"游客", id="chat")
25 | div(class="form-group", style="padding: 20px 0;")
26 | input(type="text",class="form-control", style="width: 83%;float:left", id="message")
27 | button(class="btn btn-success", style="width: 15%;float:right", id="send") 发送
28 | div(class="form-group", style="padding: 20px 0;")
29 | input(type="text",class="form-control", style="width: 83%;float:left", id="nickname")
30 | button(class="btn btn-success", style="width: 15%;float:right", id="changeNick") 修改昵称
31 |
32 |
33 | block javascript
34 | script(type='text/javascript', src="/javascripts/exp/broadchat.js")
35 |
36 |
--------------------------------------------------------------------------------
/views/editArticle.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/github.css')
5 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
6 | link(rel='stylesheet', href='/stylesheets/page/writeArticle.css')
7 | block content
8 | div(class="container")
9 | h2
10 | strong 修改文章
11 | div(class="u-panel")
12 | div(class="alert alert-danger", id="formValidate", style="display:none")
13 | div(class="form-group")
14 | label(for="inputTitle")
15 | h3 标题：
16 | input(class="form-control", type="text", id="inputTitle", placeholder="文章标题", value="#{article.title}")
17 | div(class="panel", style="padding:10px;height:80%;background:transparent")
18 | div(class="u-panel-body" id="leftPanel")
19 | textarea(class="u-pane", id="inputArticle", style="resize: none;")
20 | =article.content
21 | div(class="u-panel-body" id="rightPanel")
22 | div(class="u-pane", id="outputArticle")
23 | div(style="clear:both")
24 | div(class="row")
25 | input(type="hidden", name="tags")
26 | div(class="col-md-6")
27 | h2 本文标签
28 | hr
29 | div(id="articleTags", aid="#{article.id}")
30 | div(class="col-md-6")
31 | h2 所有标签
32 | hr
33 | div(id="allTags")
34 | hr
35 | span(class="label b-label-1", style="padding:8px 5px", id="newTag")
36 | input(id="newTagInput",type="text", placeholder="标签名", color="#428bca")
37 | span(class="glyphicon glyphicon-plus u-tag-create", style="margin-left:5px;cursor:pointer", id="createTag")
38 | span(class="label b-label-1 u-label-picker", value=1, color="#428bca") 深蓝
39 | span(class="label b-label-2 u-label-picker", value=2, color="#5cb85c") 绿色
40 | span(class="label b-label-3 u-label-picker", value=3, color="#5cb0de") 淡蓝
41 | span(class="label b-label-4 u-label-picker", value=4, color="#f0ad4e") 黄色
42 | span(class="label b-label-5 u-label-picker", value=5, color="#d9543f") 红色
43 | div(class="form-group", style="margin-top:20px")
44 | button(class="btn btn-primary", style="width:100%", id="saveArtBtn", aid="#{article.id}") 保存文章
45 |
46 | block javascript
47 | script(type='text/javascript', src='/javascripts/tools/showdown.js')
48 | script(type='text/javascript', src='/javascripts/tools/highlight.pack.js')
49 | script(type='text/javascript', src='/javascripts/pageTools/Tag.js')
50 | script(type='text/javascript', src='/javascripts/page/editArticle.js')
51 |
--------------------------------------------------------------------------------
/views/error.jade:
--------------------------------------------------------------------------------
1 | #{message}
--------------------------------------------------------------------------------
/views/gallary.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/page/gallary.css')
5 | block content
6 | div(class="u-block", id="blocker")
7 | div(class="u-loading") 加载中，请等待
8 | div(class="u-fillPic", id="filler")
9 | div(class="u-opt u-close")
10 | span(class="glyphicon glyphicon-remove")
11 | center
12 | img
13 | div(class="container")
14 | div(id="gallary", class="row")
15 | div(class="col-sm-3 g-gal-col", index=0, id="col-0")
16 | div(class="col-sm-3 g-gal-col", index=1, id="col-1")
17 | div(class="col-sm-3 g-gal-col", index=2, id="col-2")
18 | div(class="col-sm-3 g-gal-col", index=3, id="col-3")
19 | div(class="clearfix")
20 | div(class="scrollFooter" ) 加载中，请稍后
21 | if user&&user.owner
22 | div(class="glyphicon glyphicon-trash u-conf-opt u-trash", id="trash")
23 | div(class="glyphicon glyphicon-upload u-conf-opt u-upload", id="upload")
24 | block javascript
25 | script(type='text/javascript', src='/javascripts/tools/jquery-mousewheel.js')
26 | script(type='text/javascript', src='/javascripts/page/gallary.js')
--------------------------------------------------------------------------------
/views/index.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/github.css')
5 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
6 | link(rel='stylesheet', href='/stylesheets/pageTools/user.css')
7 | link(rel='stylesheet', href='/stylesheets/pageTools/comment.css')
8 | link(rel='stylesheet', href='/stylesheets/pageTools/bookmark.css')
9 | link(rel='stylesheet', href='/stylesheets/page/index.css')
10 | block content
11 | div(class='container', style="padding-top: 20px")
12 | each article in articles
13 | div(class="row" style="")
14 | div(class='g-art-info')
15 | div(class="u-avatar", uid="#{article.writer}")
16 | div(class="u-time") #{article.writeTime}
17 |
18 | div(class='g-art-body')
19 | div(class="u-dot")
20 | div(class="u-panel", aid="#{article.id}")
21 | div(class="u-title")
22 | h3 #{article.title}
23 | hr
24 | div
25 | !=article.content
26 | hr
27 | div(class="g-art-footer")
28 | div(class="m-tags", aid="#{article.id}")
29 | div(class="u-item u-book", aid="#{article.id}", cur=user?"#{user.username}":"")
30 | div(class="u-item u-comment", aid="#{article.id}")
31 | div(class="clearfix")
32 | ul(class="pager")
33 | li(class=curPage===1?"previous disabled" : "previous")
34 | a(href=curPage===1?"javascript:void(0)":"/index?page=#{curPage-1}")
35 | ←上一页
36 | li(class=curPage===totalPage?"next disabled" : "next")
37 | a(href=curPage===totalPage?"javascript:void(0)":"/index?page=#{curPage+1}")
38 | →下一页
39 |
40 | block javascript
41 | script(type='text/javascript', src='/javascripts/tools/highlight.pack.js')
42 | script(type='text/javascript', src='/javascripts/pageTools/Tag.js')
43 | script(type='text/javascript', src='/javascripts/pageTools/User.js')
44 | script(type='text/javascript', src='/javascripts/pageTools/Comment.js')
45 | script(type='text/javascript', src='/javascripts/pageTools/Bookmark.js')
46 | script(type='text/javascript', src='/javascripts/page/index.js')
--------------------------------------------------------------------------------
/views/layout.jade:
--------------------------------------------------------------------------------
1 | doctype 5
2 | html(xmlns:wb="http://open.weibo.com/wb")
3 | head
4 | meta(property="wb:webmaster", content="8984d0c69a7d9445")
5 | meta(name="description", content="天镶的博客，使用nodejs+mongodb搭建")
6 | meta(name="keywords", content="天镶,博客,skyinlayer,nodejs,mongodb,前端,html,css,javascript")
7 | title 天镶的博客
8 | link(rel="shortcut icon", href="/favicon.ico", type="image/x-icon")
9 | link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
10 | link(rel='stylesheet', href='/stylesheets/pageTools/remind.css')
11 | link(rel='stylesheet', href='/stylesheets/style.css')
12 | block style
13 |
14 | body
15 | div(class="b-clouds")
16 | div(class="clouds")
17 | div(class="cloud cloud-lg", style="left: 10%;top: 20%")
18 | div(class="cloud cloud-sm", style="top: 30%")
19 | div(class="cloud cloud-md", style="left: 20%;top: 50%")
20 | div(class="cloud cloud-lg", style="left: 60%;top: 20%")
21 | div(class="cloud cloud-sm", style="left: 50%;top: 30%")
22 | div(class="cloud cloud-md", style="left: 70%;top: 40%")
23 | div(class="block")
24 | div(class="scrollToTop", style="display:none", id="scrollToTop")
25 | span(class="glyphicon glyphicon-arrow-up")
26 | div(class='navbar navbar-inverse navbar-fixed-top')
27 | div(class="container")
28 | div(class='navbar-header')
29 | button(type='button', class='navbar-toggle', data-toggle='collapse', data-target='.navbar-collapse')
30 | span(class='icon-bar')
31 | span(class='icon-bar')
32 | span(class='icon-bar')
33 | a(class='navbar-brand', href='/index') 天镶的博客
34 |
35 | div(class='collapse navbar-collapse')
36 | ul(class='nav navbar-nav')
37 | li
38 | a(href='/index') 首页
39 | li
40 | a(href='/articleList') 文章列表
41 | li
42 | a(href='/search') 搜索
43 | li
44 | a(href='/gallary') 图片墙
45 | li(class="dropdown")
46 | a(href="#", class="dropdown-toggle", data-toggle="dropdown") 小玩意
47 | b(class="caret")
48 | ul(class="dropdown-menu")
49 | li
50 | a(href="/broadchat") 版聊
51 | li
52 | a(href="/advicePage") 建议
53 | if user
54 | li
55 | a(href="/userCenter") 个人中心
56 | ul(class='nav navbar-nav navbar-right')
57 | if user
58 | li(class="dropdown")
59 | a(href="#", class="dropdown-toggle", data-toggle="dropdown", id="hasRemind")
60 | li(class="dropdown")
61 | a(href="#", class="dropdown-toggle", data-toggle="dropdown") #{user.nickname}
62 | b(class="caret")
63 | ul(class="dropdown-menu")
64 | if user.owner
65 | li
66 | a(href="/nor/conf/article_write") 写新文章
67 | li
68 | a(href="/article_list") 管理文章
69 | li
70 | a(href="/nor/user_detail") 修改个人信息
71 | li
72 | a(href="/user_logout") 登出
73 | else
74 | li
75 | a(href='/user_loginPage') 登录
76 | div(class="g-main")
77 | block content
78 | div(class="footer")
79 | hr
80 | p LingyuCoder 2013
81 |
82 | script(type='text/javascript', src='/javascripts/tools/jquery-1.10.2.min.js')
83 | script(type='text/javascript', src='/javascripts/tools/bootstrap.min.js')
84 | script(type='text/javascript', src='/javascripts/pageTools/Remind.js')
85 | script(type='text/javascript', src='/javascripts/page/global.js')
86 |
87 | block javascript
88 |
--------------------------------------------------------------------------------
/views/listArticle.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/github.css')
5 | link(rel='stylesheet', href='/stylesheets/page/listArticle.css')
6 | block content
7 | div(class="container")
8 | div(class="g-arts")
9 | div(class="u-panel u-more") 向下滚动加载更多
10 |
11 | block javascript
12 | script(type='text/javascript', src='/javascripts/tools/highlight.pack.js')
13 | script(type='text/javascript', src='/javascripts/pageTools/User.js')
14 | script(type='text/javascript', src='/javascripts/pageTools/Article.js')
15 | script(type='text/javascript', src='/javascripts/page/listArticle.js')
16 | if user && user.owner
17 | script(type='text/javascript', src='/javascripts/page/listArticle_owner.js')
--------------------------------------------------------------------------------
/views/login.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block content
4 | div(class='container')
5 | h1
6 | strong 登录
7 | if message
8 | div(class='alert alert-danger') #{message}
9 | div(class="alert alert-danger", id="formValidate", style="display:none")
10 | div(class="u-panel")
11 | div(class="panel-body")
12 | form(class="form-horizontal", method="post", action="/user_login", id="loginForm")
13 | div(class="form-group")
14 | label(for="inputUsername", class="col-sm-2 col-sm-offset-2 control-label") 用户名
15 | div(class="col-sm-5")
16 | input(type="text", name="username", class="form-control", id="inputUsername", placeholder="用户名")
17 | div(class="form-group")
18 | label(for="inputPassword", class="col-sm-2 col-sm-offset-2 control-label") 密码
19 | div(class="col-sm-5")
20 | input(type="password", name="password", class="form-control", id="inputPassword", placeholder="填写密码")
21 | div(class="form-group")
22 | button(type='submit', id='loginBtn', class='btn btn-success col-sm-1 col-sm-offset-4') 登录
23 | a(href="user_registPage", class="btn btn-primary col-sm-1 col-sm-offset-2") 注册
24 |
25 | block javascript
26 | script(type='text/javascript', src='/javascripts/page/login.js')
--------------------------------------------------------------------------------
/views/regist.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block content
4 | div(class='container')
5 | h1
6 | strong 注册
7 | if message
8 | div(class="alert alert-danger") #{message}
9 | div(class="alert alert-danger", id="formValidate", style="display:none")
10 | div(class="u-panel")
11 | div(class="panel-body")
12 | form(class="form-horizontal", method="post", action="/user_regist", id="registForm")
13 | div(class="form-group")
14 | label(for="inputUsername", class="col-sm-2 col-sm-offset-2 control-label") 用户名
15 | div(class="col-sm-5")
16 | input(type="text", name="username", class="form-control", id="inputUsername", placeholder="用户名")
17 | div(class="form-group")
18 | label(for="inputNickname", class="col-sm-2 col-sm-offset-2 control-label") 昵称
19 | div(class="col-sm-5")
20 | input(type="text", name="nickname", class="form-control", id="inputNickname", placeholder="昵称")
21 | div(class="form-group")
22 | label(for="inputPassword", class="col-sm-2 col-sm-offset-2 control-label") 密码
23 | div(class="col-sm-5")
24 | input(type="password", name="password", class="form-control", id="inputPassword", placeholder="填写密码")
25 | div(class="form-group")
26 | label(for="inputPassAgain", class="col-sm-2 col-sm-offset-2 control-label") 密码重复
27 | div(class="col-sm-5")
28 | input(type="password", name="passAgain", class="form-control", id="inputPassAgain", placeholder="再次填写密码")
29 | div(class="form-group")
30 | button(type="submit" class="col-sm-1 col-sm-offset-4 btn btn-success") 注册
31 | a(class="col-sm-offset-2 col-sm-1 btn btn-primary", href="user_loginPage") 登录
32 |
33 | block javascript
34 | script(type='text/javascript', src='/javascripts/page/regist.js')
35 |
36 |
--------------------------------------------------------------------------------
/views/search.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
5 | link(rel='stylesheet', href='/stylesheets/page/search.css')
6 |
7 | block content
8 | div(class="container")
9 | div(class="row", style="margin-top:40px")
10 | div(class="col-sm-8")
11 | div(class="g-arts u-panel")
12 | div(id="articles", curPage=0)
13 | div(class="u-more", id="more") 请根据条件进行搜索
14 | div(class="col-sm-4")
15 | div(class="g-tags u-panel")
16 | h3 标签搜索：
17 | hr
18 | div(id="tags")
19 | hr
20 | p 已选择标签:
21 | div(id="chosenTags")
22 | hr
23 | button(class="btn btn-success", id="tagSearchBtn") 给我搜
24 | div(class="g-tags u-panel")
25 | h3 标题搜索：
26 | hr
27 | input(class="form-control", type="text", id="titleSearchInput", placeholder="请输入部分标题")
28 | hr
29 | button(class="btn btn-success", id="titleSearchBtn") 给我搜
30 |
31 | block javascript
32 | script(type='text/javascript', src="/javascripts/pageTools/Tag.js")
33 | script(type='text/javascript', src="/javascripts/pageTools/Article.js")
34 | script(type='text/javascript', src="/javascripts/pageTools/User.js")
35 | script(type='text/javascript', src="/javascripts/page/search.js")
36 |
37 |
--------------------------------------------------------------------------------
/views/userCenter.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/pageTools/comment.css')
5 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
6 | link(rel='stylesheet', href='/stylesheets/pageTools/admire.css')
7 | link(rel='stylesheet', href='/stylesheets/pageTools/user.css')
8 | link(rel='stylesheet', href='/stylesheets/pageTools/bookmark.css')
9 | link(rel='stylesheet', href='/stylesheets/pageTools/admire.css')
10 | link(rel='stylesheet', href='/stylesheets/pageTools/article.css')
11 | link(rel='stylesheet', href='/stylesheets/page/userCenter.css')
12 |
13 | block content
14 | input(type="hidden", id="user", uid=user?"#{user.username}":"")
15 | input(type="hidden", id="curUser", uid="#{curUser.username}")
16 | div(class='container')
17 | h1
18 | div(style="float:left")
19 | strong #{curUser.nickname}的用户中心
20 | div(class="u-avatar", style="float:right", id="user")
21 | div(class="clearfix")
22 |
23 | div(class="g-row")
24 | div(class="g-left")
25 | div(class="list-group u-panel", id="chosePanel", style="padding:0;border-radius:20px;overflow:hidden")
26 | if user&&curUser.username === user.username
27 | a(href="#", class="list-group-item", ref="getComments") 收到的评论
28 | span(class="badge pull-right remind-count", type="comment")
29 | a(href="#", class="list-group-item", ref="getAdmires") 收到的贊
30 | span(class="badge pull-right remind-count", type="admire")
31 | a(href="#", class="list-group-item", ref="getBookmarks") 收到的收藏
32 | span(class="badge pull-right remind-count", type="bookmark")
33 | if curUser.owner
34 | a(href="#", class="list-group-item", ref="articles")
35 | if user&&curUser.username === user.username
36 | != "我的文章"
37 | else
38 | != "ta的文章"
39 | span(class="badge pull-right article-count")
40 | a(href="#", class=curUser.owner?"list-group-item" : "list-group-item active", ref="bookmarks")
41 | if user&&curUser.username === user.username
42 | != "我的收藏"
43 | else
44 | != "ta的收藏"
45 | span(class="badge pull-right bookmark-count")
46 | a(href="#", class="list-group-item", ref="comments")
47 | if user&&curUser.username === user.username
48 | != "我的评论"
49 | else
50 | != "ta的评论"
51 | span(class="badge pull-right comment-count")
52 | a(href="#", class="list-group-item", ref="admires")
53 | if user&&curUser.username === user.username
54 | != "我赞过的评论"
55 | else
56 | != "ta赞过的评论"
57 | span(class="badge pull-right admire-count")
58 | div(class="u-panel", style="margin-top:20px")
59 | if user&&curUser.username === user.username
60 | != "我的标签："
61 | else
62 | != "ta的标签："
63 | div(id="tags")
64 | div(class="g-right")
65 | div(class="u-panel")
66 | if user&&curUser.username === user.username
67 | div(class="panel-body g-hide", id="getComments", cur="0")
68 | div(class="g-container")
69 | div(class="u-more") 点击加载更多
70 | div(class="panel-body g-hide", id="getAdmires", cur="0")
71 | div(class="g-container")
72 | div(class="u-more") 点击加载更多
73 | div(class="panel-body g-hide", id="getBookmarks", cur="0")
74 | div(class="g-container")
75 | div(class="u-more") 点击加载更多
76 | if curUser.owner
77 | div(class="panel-body g-hide", id="articles", cur="0")
78 | div(class="g-container")
79 | div(class="u-more") 点击加载更多
80 |
81 | div(class="panel-body g-hide", id="comments", cur="0")
82 | div(class="g-container")
83 | div(class="u-more") 点击加载更多
84 | div(class="panel-body g-hide", id="bookmarks", cur="0")
85 | div(class="g-container")
86 | div(class="u-more") 点击加载更多
87 | div(class="panel-body g-hide", id="admires", cur="0")
88 | div(class="g-container")
89 | div(class="u-more") 点击加载更多
90 |
91 | block javascript
92 | script(type='text/javascript', src='/javascripts/pageTools/User.js')
93 | script(type='text/javascript', src='/javascripts/pageTools/Tag.js')
94 | script(type='text/javascript', src='/javascripts/pageTools/Article.js')
95 | script(type='text/javascript', src='/javascripts/pageTools/Bookmark.js')
96 | script(type='text/javascript', src='/javascripts/pageTools/Admire.js')
97 | script(type='text/javascript', src='/javascripts/pageTools/Comment.js')
98 | script(type='text/javascript', src='/javascripts/page/userCenter.js')
--------------------------------------------------------------------------------
/views/userDetail.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
5 | link(rel='stylesheet', href='/stylesheets/pageTools/user.css')
6 |
7 | block content
8 | div(class='container')
9 | h1
10 | strong 个人信息
11 | form(class="form-horizontal", method="post", action="/nor/user_modify", id="detail")
12 | div(class="u-panel")
13 | if message
14 | if success
15 | div(class="alert alert-success") #{message}
16 | else
17 | div(class="alert alert-danger") #{message}
18 | div(class="alert alert-danger", id="formValidate", style="display:none")
19 | div(class="form-group")
20 | label(for="inputUsername", class="col-sm-2 col-sm-offset-2 control-label") 用户名
21 | div(class="col-sm-4")
22 | input(type="text", name="username", readonly="readonly", class="form-control", id="inputUsername", value="#{user.username}")
23 | div(class="form-group")
24 | label(for="inputNickname", class="col-sm-2 col-sm-offset-2 control-label") 昵称
25 | div(class="col-sm-4")
26 | input(type="text", name="nickname", class="form-control", id="inputNickname", value="#{user.nickname}")
27 | div(class="form-group")
28 | label(for="inputAvatar", class="col-sm-2 col-sm-offset-2 control-label") 头像地址
29 | div(class="col-sm-4")
30 | input(type="text", name="avatar", class="form-control", id="inputAvatar", value="#{user.avatar}")
31 | div(class="form-group")
32 | label(class="col-sm-2 col-sm-offset-2 control-label") 头像预览
33 | div(class="col-sm-4")
34 | div(class="u-user-avatar")
35 | img(src="#{user.avatar}",id="avatarPreview")
36 | div(class="form-group")
37 | label(for="inputPassword", class="col-sm-2 col-sm-offset-2 control-label") 密码
38 | div(class="col-sm-4")
39 | input(type="password", name="password", class="form-control", id="inputPassword", placeholder="填写密码,为空则不修改")
40 | div(class="form-group")
41 | label(for="inputPassAgain", class="col-sm-2 col-sm-offset-2 control-label") 密码重复
42 | div(class="col-sm-4")
43 | input(type="password", name="passwordAgain", class="form-control", id="inputPassAgain", placeholder="再次填写密码")
44 | div(class="form-group", style="margin-top:20px")
45 | input(type="hidden", name="tags")
46 | div(class="col-sm-6")
47 | div(class="u-panel")
48 | h3 您的标签
49 | hr
50 | div(id="myTags", class="m-myTags")
51 | div(class="col-sm-6")
52 | div(class="u-panel")
53 | h3 所有标签
54 | hr
55 | div(id="allTags", class="m-allTags")
56 | hr
57 | span(class="label b-label-1", style="padding:8px 5px", id="newTag")
58 | input(id="newTagInput", type="text", placeholder="标签名", color="#428bca")
59 | span(class="glyphicon glyphicon-plus u-tag-create", style="margin-left:5px;cursor:pointer", id="createTag")
60 | span(class="label b-label-1 u-label-picker", value=1, color="#428bca") 深蓝
61 | span(class="label b-label-2 u-label-picker", value=2, color="#5cb85c") 绿色
62 | span(class="label b-label-3 u-label-picker", value=3, color="#5cb0de") 淡蓝
63 | span(class="label b-label-4 u-label-picker", value=4, color="#f0ad4e") 黄色
64 | span(class="label b-label-5 u-label-picker", value=5, color="#d9543f") 红色
65 | div(class="form-group")
66 | button(type="submit" class="col-sm-offset-3 col-sm-2 btn btn-primary") 提交修改
67 | a(class="btn btn-default col-sm-offset-2 col-sm-2", href="user_detail") 恢复
68 |
69 | block javascript
70 | script(type='text/javascript', src='/javascripts/pageTools/Tag.js')
71 | script(type='text/javascript', src='/javascripts/page/userDetail.js')
72 |
73 |
--------------------------------------------------------------------------------
/views/writeArticle.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block style
4 | link(rel='stylesheet', href='/stylesheets/github.css')
5 | link(rel='stylesheet', href='/stylesheets/pageTools/tag.css')
6 | link(rel='stylesheet', href='/stylesheets/page/writeArticle.css')
7 |
8 | block content
9 | div(class="container")
10 | form(action="/nor/conf/article_save", method="post", id="articleForm")
11 | h2
12 | strong 写新文章
13 | div(class="u-panel")
14 | div(class="alert alert-danger", id="formValidate", style="display:none")
15 |
16 | div(class="form-group")
17 | label(for="inputTitle")
18 | h3 标题：
19 | input(class="form-control", type="text", name="title",id="inputTitle", placeholder="文章标题")
20 | div(class="panel panel-default", style="padding:10px;height:80%")
21 | div(class="u-panel-body" id="leftPanel")
22 | textarea(class="u-pane", id="inputArticle", name="content",style="resize: none;")
23 | div(class="u-panel-body" id="rightPanel")
24 | div(class="u-pane", id="outputArticle")
25 | div(style="clear:both")
26 | div(class="row")
27 | input(type="hidden", name="tags")
28 | div(class="col-sm-6")
29 | h2 本文标签
30 | hr
31 | div(id="articleTags")
32 | div(class="col-sm-6")
33 | h2 所有标签
34 | hr
35 | div(id="allTags")
36 | hr
37 | span(class="label b-label-1", style="padding:8px 5px", id="newTag")
38 | input(id="newTagInput",type="text", placeholder="标签名", color="#428bca")
39 | span(class="glyphicon glyphicon-plus u-tag-create", style="margin-left:5px;cursor:pointer", id="createTag")
40 | span(class="label b-label-1 u-label-picker", value=1, color="#428bca") 深蓝
41 | span(class="label b-label-2 u-label-picker", value=2, color="#5cb85c") 绿色
42 | span(class="label b-label-3 u-label-picker", value=3, color="#5cb0de") 淡蓝
43 | span(class="label b-label-4 u-label-picker", value=4, color="#f0ad4e") 黄色
44 | span(class="label b-label-5 u-label-picker", value=5, color="#d9543f") 红色
45 | div(class="form-group", style="margin-top:20px")
46 | button(class="btn btn-primary", style="width:100%", id="saveArtBtn", type="submit") 保存文章
47 |
48 | block javascript
49 | script(type='text/javascript', src='/javascripts/tools/showdown.js')
50 | script(type='text/javascript', src='/javascripts/tools/showdown_extensions/twitter.js')
51 | script(type='text/javascript', src='/javascripts/tools/highlight.pack.js')
52 | script(type='text/javascript', src='/javascripts/pageTools/Tag.js')
53 | script(type='text/javascript', src='/javascripts/page/writeArticle.js')
--------------------------------------------------------------------------------