├── Procfile ├── app.js ├── models ├── comment.js ├── db.js ├── post.js └── user.js ├── mongodb_start_hisign.bat ├── package.json ├── public ├── bootstrap │ ├── blog_model.html │ ├── blog_model.html.bak │ ├── carousel │ │ ├── bootstrap-alert.js │ │ ├── bootstrap-button.js │ │ ├── bootstrap-carousel.js │ │ ├── bootstrap-collapse.js │ │ ├── bootstrap-dropdown.js │ │ ├── bootstrap-modal.js │ │ ├── bootstrap-popover.js │ │ ├── bootstrap-scrollspy.js │ │ ├── bootstrap-tab.js │ │ ├── bootstrap-tooltip.js │ │ ├── bootstrap-transition.js │ │ ├── bootstrap-typeahead.js │ │ ├── browser-icon-chrome.png │ │ ├── browser-icon-firefox.png │ │ ├── browser-icon-safari.png │ │ ├── holder.js │ │ └── jquery.js │ ├── css │ │ ├── bootstrap-responsive.css │ │ ├── bootstrap-responsive.min.css │ │ ├── bootstrap.css │ │ └── bootstrap.min.css │ ├── img │ │ ├── glyphicons-halflings-white.png │ │ └── glyphicons-halflings.png │ ├── js │ │ ├── bootstrap.js │ │ └── bootstrap.min.js │ ├── 新建文本文档.html │ └── 新建文本文档.html.bak ├── css │ └── style.css ├── favicon.ico ├── images │ ├── 54wall.png │ ├── WalkingDead │ │ ├── person │ │ │ ├── 54wall_little.jpg │ │ │ ├── 卡尔.jpg │ │ │ ├── 格伦.jpg │ │ │ ├── 瑞克·格莱姆斯.jpg │ │ │ └── 达里尔.jpg │ │ └── poster │ │ │ └── s1.jpg │ ├── images │ │ ├── content_bg.gif │ │ ├── date_bg.png │ │ ├── fbg_bg.gif │ │ ├── footer_bg.gif │ │ ├── header_bg.jpg │ │ ├── img1.jpg │ │ ├── img2.jpg │ │ ├── main_bg.gif │ │ ├── menu_a.gif │ │ ├── pix1.jpg │ │ ├── pix2.jpg │ │ ├── pix3.jpg │ │ ├── pix4.jpg │ │ ├── pix5.jpg │ │ ├── pix6.jpg │ │ ├── profile_01.jpg │ │ ├── sanye.jpg │ │ ├── search.gif │ │ ├── search_btn.gif │ │ ├── spacer.gif │ │ ├── submit.gif │ │ └── userpic.gif │ ├── slide-01.jpg │ ├── slide-02.jpg │ └── slide-03.jpg ├── javascripts │ └── js │ │ ├── arial.js │ │ ├── cuf_run.js │ │ ├── cufon-yui.js │ │ ├── jquery-1.3.2.min.js │ │ └── radius.js └── stylesheets │ ├── down.css │ ├── markdown.css │ └── style.css ├── readme.md ├── readme_resouce ├── N-Blog-WalkingDeading_01.jpg ├── N-Blog-WalkingDeading_02.jpg └── N-Blog-WalkingDeading_03.jpg ├── routes ├── index.js └── users.js ├── settings.js └── views ├── about.html ├── archive.ejs ├── article.ejs ├── blog.html ├── comment.ejs ├── contact.html ├── edit.ejs ├── error.ejs ├── footer.ejs ├── header.ejs ├── header_carousel.ejs ├── index.ejs ├── index_blog.ejs ├── index_bootcss.ejs ├── index_carousel.ejs ├── login.ejs ├── news.ejs ├── paging.ejs ├── post.ejs ├── reg.ejs ├── review.ejs ├── roles.ejs ├── support.html ├── tag.ejs ├── tags.ejs ├── upload.ejs ├── user.ejs └── user_carousel.ejs /Procfile: -------------------------------------------------------------------------------- 1 | web: node app.js -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var path = require('path'); 3 | var favicon = require('serve-favicon'); 4 | var logger = require('morgan'); 5 | var cookieParser = require('cookie-parser'); 6 | var bodyParser = require('body-parser'); 7 | 8 | var routes = require('./routes/index'); 9 | var settings = require('./settings'); 10 | var flash = require('connect-flash'); 11 | var app = express(); 12 | 13 | var session = require('express-session'); 14 | var MongoStore = require('connect-mongo')(session); 15 | app.use(session({ 16 | secret: settings.cookieSecret, 17 | //key: settings.db,//cookie name 18 | cookie: {maxAge: 1000 * 60 * 60 * 24 * 30},//30 days 19 | url: settings.url 20 | })); 21 | 22 | /*增加app.set('port', process.env.PORT || 3000);可以直接使用node app.js启动网页了，但是在webStorm中就会报错*///app.set('port', process.env.PORT || 3000); 23 | app.set('port', process.env.PORT || 3000); 24 | app.set('views', path.join(__dirname, 'views')); 25 | app.set('view engine', 'ejs'); 26 | app.use(flash()); 27 | 28 | app.use(favicon(__dirname + '/public/favicon.ico')); 29 | app.use(logger('dev')); 30 | app.use(bodyParser.json()); 31 | app.use(bodyParser.urlencoded({ extended: true })); 32 | app.use(cookieParser()); 33 | app.use(express.static(path.join(__dirname, 'public'))); 34 | 35 | routes(app); 36 | 37 | app.listen(app.get('port'), function() { 38 | console.log('Express server listening on port ' + app.get('port')); 39 | }); 40 | module.exports = app; -------------------------------------------------------------------------------- /models/comment.js: -------------------------------------------------------------------------------- 1 | var mongodb = require('mongodb'), 2 | settings = require('../settings'); 3 | 4 | function Comment(name, day, title, comment) { 5 | this.name = name; 6 | this.day = day; 7 | this.title = title; 8 | this.comment = comment; 9 | } 10 | 11 | module.exports = Comment; 12 | 13 | //存储一条留言信息 14 | Comment.prototype.save = function(callback) { 15 | var name = this.name, 16 | day = this.day, 17 | title = this.title, 18 | comment = this.comment; 19 | //打开数据库 20 | mongodb.MongoClient.connect(settings.url, function (err, db) { 21 | if (err) { 22 | return callback(err); 23 | } 24 | //读取 posts 集合 25 | db.collection('posts', function (err, collection) { 26 | if (err) { 27 | db.close(); 28 | return callback(err); 29 | } 30 | //通过用户名、时间及标题查找文档，并把一条留言对象添加到该文档的 comments 数组里 31 | collection.update({ 32 | "name": name, 33 | "time.day": day, 34 | "title": title 35 | }, { 36 | $push: {"comments": comment} 37 | } , function (err) { 38 | db.close(); 39 | if (err) { 40 | return callback(err); 41 | } 42 | callback(null); 43 | }); 44 | }); 45 | }); 46 | }; -------------------------------------------------------------------------------- /models/db.js: -------------------------------------------------------------------------------- 1 | var settings = require('../settings'), 2 | Db = require('mongodb').Db, 3 | Connection = require('mongodb').Connection, 4 | Server = require('mongodb').Server; 5 | module.exports = new Db(settings.db, new Server(settings.host, settings.port), 6 | {safe: true}); -------------------------------------------------------------------------------- /models/user.js: -------------------------------------------------------------------------------- 1 | var mongodb = require('mongodb'), 2 | settings = require('../settings'); 3 | 4 | function User(user) { 5 | this.name = user.name; 6 | this.password = user.password; 7 | this.email = user.email; 8 | }; 9 | 10 | module.exports = User; 11 | 12 | //存储用户信息 13 | User.prototype.save = function(callback) { 14 | //要存入数据库的用户文档 15 | var user = { 16 | name: this.name, 17 | password: this.password, 18 | email: this.email 19 | }; 20 | //打开数据库 21 | mongodb.MongoClient.connect(settings.url, function (err, db) { 22 | if (err) { 23 | return callback(err);//错误，返回 err 信息 24 | } 25 | //读取 users 集合 26 | db.collection('users', function (err, collection) { 27 | if (err) { 28 | db.close(); 29 | return callback(err);//错误，返回 err 信息 30 | } 31 | //将用户数据插入 users 集合 32 | collection.insert(user, { 33 | safe: true 34 | }, function (err, user) { 35 | db.close(); 36 | if (err) { 37 | return callback(err);//错误，返回 err 信息 38 | } 39 | callback(null, user[0]);//成功！err 为 null，并返回存储后的用户文档 40 | }); 41 | }); 42 | }); 43 | }; 44 | 45 | //读取用户信息 46 | User.get = function(name, callback) { 47 | //打开数据库 48 | mongodb.MongoClient.connect(settings.url, function (err, db) { 49 | if (err) { 50 | return callback(err);//错误，返回 err 信息 51 | } 52 | //读取 users 集合 53 | db.collection('users', function (err, collection) { 54 | if (err) { 55 | db.close(); 56 | return callback(err);//错误，返回 err 信息 57 | } 58 | //查找用户名（name键）值为 name 一个文档 59 | collection.findOne({ 60 | name: name 61 | }, function (err, user) { 62 | db.close(); 63 | if (err) { 64 | return callback(err);//失败！返回 err 信息 65 | } 66 | callback(null, user);//成功！返回查询的用户信息 67 | }); 68 | }); 69 | }); 70 | }; -------------------------------------------------------------------------------- /mongodb_start_hisign.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | set filename=mongod.exe 3 | set filepath=C:\Program" "Files\MongoDB\Server\3.2\bin\ 4 | start %filepath%%filename% --dbpath D:\MyNode\db_mongodb 5 | cmd.exe -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "N-blog", 3 | "version": "0.0.0", 4 | "private": true, 5 | "scripts": { 6 | "start": "node ./bin/www" 7 | }, 8 | "dependencies": { 9 | "body-parser": "~1.15.1", 10 | "cookie-parser": "~1.4.3", 11 | "debug": "~2.2.0", 12 | "ejs": "~2.4.1", 13 | "express": "~4.13.4", 14 | "morgan": "~1.7.0", 15 | "serve-favicon": "~2.3.0", 16 | "express-session": "1.9.1", 17 | "connect-mongo": "0.8.2", 18 | "mongodb":"2.0.42", 19 | "connect-flash": "0.1.1", 20 | "markdown": "0.5.0", 21 | "multer": "1.1.0" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /public/bootstrap/blog_model.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Blog Template for Bootstrap 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 29 | 30 | 31 | 32 | 33 |
34 |
35 | 42 |
43 |
44 | 45 |
46 | 47 |
48 |

The Bootstrap Blog

49 |

The official example template of creating a blog with Bootstrap.

50 |
51 | 52 |
53 | 54 |
55 | 56 |
57 |

Sample blog post

58 |

January 1, 2014 by Mark

59 | 60 |

This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported.

61 |
62 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

63 |
64 |

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

65 |
66 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

67 |

Heading

68 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

69 |

Sub-heading

70 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

71 | 
Example code block
72 |

Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

73 |

Sub-heading

74 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

75 |
    76 |
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • 77 |
  • Donec id elit non mi porta gravida at eget metus.
    • 78 |
  • Nulla vitae elit libero, a pharetra augue.
    • 79 |
80 |

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

81 |
    82 |
  1. Vestibulum id ligula porta felis euismod semper.
    2. 83 |
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    3. 84 |
  3. Maecenas sed diam eget risus varius blandit sit amet non magna.
    4. 85 |
86 |

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

87 |
88 | 89 |
90 |

Another blog post

91 |

December 23, 2013 by Jacob

92 | 93 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

94 |
95 |

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

96 |
97 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

98 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

99 |
100 | 101 |
102 |

New feature

103 |

December 14, 2013 by Chris

104 | 105 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

106 |
    107 |
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • 108 |
  • Donec id elit non mi porta gravida at eget metus.
    • 109 |
  • Nulla vitae elit libero, a pharetra augue.
    • 110 |
111 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

112 |

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

113 |
114 | 115 | 121 | 122 |
123 | 124 |
125 |
126 |

About

127 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

128 |
129 |
130 |

Archives

131 |
    132 |
  1. March 2014
    2. 133 |
  2. February 2014
    3. 134 |
  3. January 2014
    4. 135 |
  4. December 2013
    5. 136 |
  5. November 2013
    6. 137 |
  6. October 2013
    7. 138 |
  7. September 2013
    8. 139 |
  8. August 2013
    9. 140 |
  9. July 2013
    10. 141 |
  10. June 2013
    11. 142 |
  11. May 2013
    12. 143 |
  12. April 2013
    13. 144 |
145 |
146 |
147 |

Elsewhere

148 |
    149 |
  1. GitHub
    2. 150 |
  2. Twitter
    3. 151 |
  3. Facebook
    4. 152 |
153 |
154 |
155 | 156 |
157 | 158 |
159 | 160 |
161 |

Blog template built for Bootstrap by @mdo.

162 |

163 | Back to top 164 |

165 |
166 | 167 | 168 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | -------------------------------------------------------------------------------- /public/bootstrap/blog_model.html.bak: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Blog Template for Bootstrap 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 29 | 30 | 31 | 32 | 33 |
34 |
35 | 42 |
43 |
44 | 45 |
46 | 47 |
48 |

The Bootstrap Blog

49 |

The official example template of creating a blog with Bootstrap.

50 |
51 | 52 |
53 | 54 |
55 | 56 |
57 |

Sample blog post

58 |

January 1, 2014 by Mark

59 | 60 |

This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported.

61 |
62 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

63 |
64 |

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

65 |
66 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

67 |

Heading

68 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

69 |

Sub-heading

70 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

71 | 
Example code block
72 |

Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

73 |

Sub-heading

74 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

75 |
    76 |
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • 77 |
  • Donec id elit non mi porta gravida at eget metus.
    • 78 |
  • Nulla vitae elit libero, a pharetra augue.
    • 79 |
80 |

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

81 |
    82 |
  1. Vestibulum id ligula porta felis euismod semper.
    2. 83 |
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    3. 84 |
  3. Maecenas sed diam eget risus varius blandit sit amet non magna.
    4. 85 |
86 |

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

87 |
88 | 89 |
90 |

Another blog post

91 |

December 23, 2013 by Jacob

92 | 93 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

94 |
95 |

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

96 |
97 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

98 |

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

99 |
100 | 101 |
102 |

New feature

103 |

December 14, 2013 by Chris

104 | 105 |

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

106 |
    107 |
  • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    • 108 |
  • Donec id elit non mi porta gravida at eget metus.
    • 109 |
  • Nulla vitae elit libero, a pharetra augue.
    • 110 |
111 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

112 |

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

113 |
114 | 115 | 121 | 122 |
123 | 124 |
125 |
126 |

About

127 |

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

128 |
129 |
130 |

Archives

131 |
    132 |
  1. March 2014
    2. 133 |
  2. February 2014
    3. 134 |
  3. January 2014
    4. 135 |
  4. December 2013
    5. 136 |
  5. November 2013
    6. 137 |
  6. October 2013
    7. 138 |
  7. September 2013
    8. 139 |
  8. August 2013
    9. 140 |
  9. July 2013
    10. 141 |
  10. June 2013
    11. 142 |
  11. May 2013
    12. 143 |
  12. April 2013
    13. 144 |
145 |
146 |
147 |

Elsewhere

148 |
    149 |
  1. GitHub
    2. 150 |
  2. Twitter
    3. 151 |
  3. Facebook
    4. 152 |
153 |
154 |
155 | 156 |
157 | 158 |
159 | 160 |
161 |

Blog template built for Bootstrap by @mdo.

162 |

163 | Back to top 164 |

165 |
166 | 167 | 168 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-alert.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-alert.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#alerts 4 | * ========================================================== 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* ALERT CLASS DEFINITION 27 | * ====================== */ 28 | 29 | var dismiss = '[data-dismiss="alert"]' 30 | , Alert = function (el) { 31 | $(el).on('click', dismiss, this.close) 32 | } 33 | 34 | Alert.prototype.close = function (e) { 35 | var $this = $(this) 36 | , selector = $this.attr('data-target') 37 | , $parent 38 | 39 | if (!selector) { 40 | selector = $this.attr('href') 41 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 42 | } 43 | 44 | $parent = $(selector) 45 | 46 | e && e.preventDefault() 47 | 48 | $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) 49 | 50 | $parent.trigger(e = $.Event('close')) 51 | 52 | if (e.isDefaultPrevented()) return 53 | 54 | $parent.removeClass('in') 55 | 56 | function removeElement() { 57 | $parent 58 | .trigger('closed') 59 | .remove() 60 | } 61 | 62 | $.support.transition && $parent.hasClass('fade') ? 63 | $parent.on($.support.transition.end, removeElement) : 64 | removeElement() 65 | } 66 | 67 | 68 | /* ALERT PLUGIN DEFINITION 69 | * ======================= */ 70 | 71 | var old = $.fn.alert 72 | 73 | $.fn.alert = function (option) { 74 | return this.each(function () { 75 | var $this = $(this) 76 | , data = $this.data('alert') 77 | if (!data) $this.data('alert', (data = new Alert(this))) 78 | if (typeof option == 'string') data[option].call($this) 79 | }) 80 | } 81 | 82 | $.fn.alert.Constructor = Alert 83 | 84 | 85 | /* ALERT NO CONFLICT 86 | * ================= */ 87 | 88 | $.fn.alert.noConflict = function () { 89 | $.fn.alert = old 90 | return this 91 | } 92 | 93 | 94 | /* ALERT DATA-API 95 | * ============== */ 96 | 97 | $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) 98 | 99 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-button.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrap-button.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#buttons 4 | * ============================================================ 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* BUTTON PUBLIC CLASS DEFINITION 27 | * ============================== */ 28 | 29 | var Button = function (element, options) { 30 | this.$element = $(element) 31 | this.options = $.extend({}, $.fn.button.defaults, options) 32 | } 33 | 34 | Button.prototype.setState = function (state) { 35 | var d = 'disabled' 36 | , $el = this.$element 37 | , data = $el.data() 38 | , val = $el.is('input') ? 'val' : 'html' 39 | 40 | state = state + 'Text' 41 | data.resetText || $el.data('resetText', $el[val]()) 42 | 43 | $el[val](data[state] || this.options[state]) 44 | 45 | // push to event loop to allow forms to submit 46 | setTimeout(function () { 47 | state == 'loadingText' ? 48 | $el.addClass(d).attr(d, d) : 49 | $el.removeClass(d).removeAttr(d) 50 | }, 0) 51 | } 52 | 53 | Button.prototype.toggle = function () { 54 | var $parent = this.$element.closest('[data-toggle="buttons-radio"]') 55 | 56 | $parent && $parent 57 | .find('.active') 58 | .removeClass('active') 59 | 60 | this.$element.toggleClass('active') 61 | } 62 | 63 | 64 | /* BUTTON PLUGIN DEFINITION 65 | * ======================== */ 66 | 67 | var old = $.fn.button 68 | 69 | $.fn.button = function (option) { 70 | return this.each(function () { 71 | var $this = $(this) 72 | , data = $this.data('button') 73 | , options = typeof option == 'object' && option 74 | if (!data) $this.data('button', (data = new Button(this, options))) 75 | if (option == 'toggle') data.toggle() 76 | else if (option) data.setState(option) 77 | }) 78 | } 79 | 80 | $.fn.button.defaults = { 81 | loadingText: 'loading...' 82 | } 83 | 84 | $.fn.button.Constructor = Button 85 | 86 | 87 | /* BUTTON NO CONFLICT 88 | * ================== */ 89 | 90 | $.fn.button.noConflict = function () { 91 | $.fn.button = old 92 | return this 93 | } 94 | 95 | 96 | /* BUTTON DATA-API 97 | * =============== */ 98 | 99 | $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) { 100 | var $btn = $(e.target) 101 | if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') 102 | $btn.button('toggle') 103 | }) 104 | 105 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-carousel.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-carousel.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#carousel 4 | * ========================================================== 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* CAROUSEL CLASS DEFINITION 27 | * ========================= */ 28 | 29 | var Carousel = function (element, options) { 30 | this.$element = $(element) 31 | this.$indicators = this.$element.find('.carousel-indicators') 32 | this.options = options 33 | this.options.pause == 'hover' && this.$element 34 | .on('mouseenter', $.proxy(this.pause, this)) 35 | .on('mouseleave', $.proxy(this.cycle, this)) 36 | } 37 | 38 | Carousel.prototype = { 39 | 40 | cycle: function (e) { 41 | if (!e) this.paused = false 42 | if (this.interval) clearInterval(this.interval); 43 | this.options.interval 44 | && !this.paused 45 | && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) 46 | return this 47 | } 48 | 49 | , getActiveIndex: function () { 50 | this.$active = this.$element.find('.item.active') 51 | this.$items = this.$active.parent().children() 52 | return this.$items.index(this.$active) 53 | } 54 | 55 | , to: function (pos) { 56 | var activeIndex = this.getActiveIndex() 57 | , that = this 58 | 59 | if (pos > (this.$items.length - 1) || pos < 0) return 60 | 61 | if (this.sliding) { 62 | return this.$element.one('slid', function () { 63 | that.to(pos) 64 | }) 65 | } 66 | 67 | if (activeIndex == pos) { 68 | return this.pause().cycle() 69 | } 70 | 71 | return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) 72 | } 73 | 74 | , pause: function (e) { 75 | if (!e) this.paused = true 76 | if (this.$element.find('.next, .prev').length && $.support.transition.end) { 77 | this.$element.trigger($.support.transition.end) 78 | this.cycle(true) 79 | } 80 | clearInterval(this.interval) 81 | this.interval = null 82 | return this 83 | } 84 | 85 | , next: function () { 86 | if (this.sliding) return 87 | return this.slide('next') 88 | } 89 | 90 | , prev: function () { 91 | if (this.sliding) return 92 | return this.slide('prev') 93 | } 94 | 95 | , slide: function (type, next) { 96 | var $active = this.$element.find('.item.active') 97 | , $next = next || $active[type]() 98 | , isCycling = this.interval 99 | , direction = type == 'next' ? 'left' : 'right' 100 | , fallback = type == 'next' ? 'first' : 'last' 101 | , that = this 102 | , e 103 | 104 | this.sliding = true 105 | 106 | isCycling && this.pause() 107 | 108 | $next = $next.length ? $next : this.$element.find('.item')[fallback]() 109 | 110 | e = $.Event('slide', { 111 | relatedTarget: $next[0] 112 | , direction: direction 113 | }) 114 | 115 | if ($next.hasClass('active')) return 116 | 117 | if (this.$indicators.length) { 118 | this.$indicators.find('.active').removeClass('active') 119 | this.$element.one('slid', function () { 120 | var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) 121 | $nextIndicator && $nextIndicator.addClass('active') 122 | }) 123 | } 124 | 125 | if ($.support.transition && this.$element.hasClass('slide')) { 126 | this.$element.trigger(e) 127 | if (e.isDefaultPrevented()) return 128 | $next.addClass(type) 129 | $next[0].offsetWidth // force reflow 130 | $active.addClass(direction) 131 | $next.addClass(direction) 132 | this.$element.one($.support.transition.end, function () { 133 | $next.removeClass([type, direction].join(' ')).addClass('active') 134 | $active.removeClass(['active', direction].join(' ')) 135 | that.sliding = false 136 | setTimeout(function () { that.$element.trigger('slid') }, 0) 137 | }) 138 | } else { 139 | this.$element.trigger(e) 140 | if (e.isDefaultPrevented()) return 141 | $active.removeClass('active') 142 | $next.addClass('active') 143 | this.sliding = false 144 | this.$element.trigger('slid') 145 | } 146 | 147 | isCycling && this.cycle() 148 | 149 | return this 150 | } 151 | 152 | } 153 | 154 | 155 | /* CAROUSEL PLUGIN DEFINITION 156 | * ========================== */ 157 | 158 | var old = $.fn.carousel 159 | 160 | $.fn.carousel = function (option) { 161 | return this.each(function () { 162 | var $this = $(this) 163 | , data = $this.data('carousel') 164 | , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option) 165 | , action = typeof option == 'string' ? option : options.slide 166 | if (!data) $this.data('carousel', (data = new Carousel(this, options))) 167 | if (typeof option == 'number') data.to(option) 168 | else if (action) data[action]() 169 | else if (options.interval) data.pause().cycle() 170 | }) 171 | } 172 | 173 | $.fn.carousel.defaults = { 174 | interval: 5000 175 | , pause: 'hover' 176 | } 177 | 178 | $.fn.carousel.Constructor = Carousel 179 | 180 | 181 | /* CAROUSEL NO CONFLICT 182 | * ==================== */ 183 | 184 | $.fn.carousel.noConflict = function () { 185 | $.fn.carousel = old 186 | return this 187 | } 188 | 189 | /* CAROUSEL DATA-API 190 | * ================= */ 191 | 192 | $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { 193 | var $this = $(this), href 194 | , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 195 | , options = $.extend({}, $target.data(), $this.data()) 196 | , slideIndex 197 | 198 | $target.carousel(options) 199 | 200 | if (slideIndex = $this.attr('data-slide-to')) { 201 | $target.data('carousel').pause().to(slideIndex).cycle() 202 | } 203 | 204 | e.preventDefault() 205 | }) 206 | 207 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-collapse.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-collapse.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#collapse 4 | * ============================================================= 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* COLLAPSE PUBLIC CLASS DEFINITION 27 | * ================================ */ 28 | 29 | var Collapse = function (element, options) { 30 | this.$element = $(element) 31 | this.options = $.extend({}, $.fn.collapse.defaults, options) 32 | 33 | if (this.options.parent) { 34 | this.$parent = $(this.options.parent) 35 | } 36 | 37 | this.options.toggle && this.toggle() 38 | } 39 | 40 | Collapse.prototype = { 41 | 42 | constructor: Collapse 43 | 44 | , dimension: function () { 45 | var hasWidth = this.$element.hasClass('width') 46 | return hasWidth ? 'width' : 'height' 47 | } 48 | 49 | , show: function () { 50 | var dimension 51 | , scroll 52 | , actives 53 | , hasData 54 | 55 | if (this.transitioning || this.$element.hasClass('in')) return 56 | 57 | dimension = this.dimension() 58 | scroll = $.camelCase(['scroll', dimension].join('-')) 59 | actives = this.$parent && this.$parent.find('> .accordion-group > .in') 60 | 61 | if (actives && actives.length) { 62 | hasData = actives.data('collapse') 63 | if (hasData && hasData.transitioning) return 64 | actives.collapse('hide') 65 | hasData || actives.data('collapse', null) 66 | } 67 | 68 | this.$element[dimension](0) 69 | this.transition('addClass', $.Event('show'), 'shown') 70 | $.support.transition && this.$element[dimension](this.$element[0][scroll]) 71 | } 72 | 73 | , hide: function () { 74 | var dimension 75 | if (this.transitioning || !this.$element.hasClass('in')) return 76 | dimension = this.dimension() 77 | this.reset(this.$element[dimension]()) 78 | this.transition('removeClass', $.Event('hide'), 'hidden') 79 | this.$element[dimension](0) 80 | } 81 | 82 | , reset: function (size) { 83 | var dimension = this.dimension() 84 | 85 | this.$element 86 | .removeClass('collapse') 87 | [dimension](size || 'auto') 88 | [0].offsetWidth 89 | 90 | this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') 91 | 92 | return this 93 | } 94 | 95 | , transition: function (method, startEvent, completeEvent) { 96 | var that = this 97 | , complete = function () { 98 | if (startEvent.type == 'show') that.reset() 99 | that.transitioning = 0 100 | that.$element.trigger(completeEvent) 101 | } 102 | 103 | this.$element.trigger(startEvent) 104 | 105 | if (startEvent.isDefaultPrevented()) return 106 | 107 | this.transitioning = 1 108 | 109 | this.$element[method]('in') 110 | 111 | $.support.transition && this.$element.hasClass('collapse') ? 112 | this.$element.one($.support.transition.end, complete) : 113 | complete() 114 | } 115 | 116 | , toggle: function () { 117 | this[this.$element.hasClass('in') ? 'hide' : 'show']() 118 | } 119 | 120 | } 121 | 122 | 123 | /* COLLAPSE PLUGIN DEFINITION 124 | * ========================== */ 125 | 126 | var old = $.fn.collapse 127 | 128 | $.fn.collapse = function (option) { 129 | return this.each(function () { 130 | var $this = $(this) 131 | , data = $this.data('collapse') 132 | , options = $.extend({}, $.fn.collapse.defaults, $this.data(), typeof option == 'object' && option) 133 | if (!data) $this.data('collapse', (data = new Collapse(this, options))) 134 | if (typeof option == 'string') data[option]() 135 | }) 136 | } 137 | 138 | $.fn.collapse.defaults = { 139 | toggle: true 140 | } 141 | 142 | $.fn.collapse.Constructor = Collapse 143 | 144 | 145 | /* COLLAPSE NO CONFLICT 146 | * ==================== */ 147 | 148 | $.fn.collapse.noConflict = function () { 149 | $.fn.collapse = old 150 | return this 151 | } 152 | 153 | 154 | /* COLLAPSE DATA-API 155 | * ================= */ 156 | 157 | $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { 158 | var $this = $(this), href 159 | , target = $this.attr('data-target') 160 | || e.preventDefault() 161 | || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 162 | , option = $(target).data('collapse') ? 'toggle' : $this.data() 163 | $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') 164 | $(target).collapse(option) 165 | }) 166 | 167 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-dropdown.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrap-dropdown.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#dropdowns 4 | * ============================================================ 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* DROPDOWN CLASS DEFINITION 27 | * ========================= */ 28 | 29 | var toggle = '[data-toggle=dropdown]' 30 | , Dropdown = function (element) { 31 | var $el = $(element).on('click.dropdown.data-api', this.toggle) 32 | $('html').on('click.dropdown.data-api', function () { 33 | $el.parent().removeClass('open') 34 | }) 35 | } 36 | 37 | Dropdown.prototype = { 38 | 39 | constructor: Dropdown 40 | 41 | , toggle: function (e) { 42 | var $this = $(this) 43 | , $parent 44 | , isActive 45 | 46 | if ($this.is('.disabled, :disabled')) return 47 | 48 | $parent = getParent($this) 49 | 50 | isActive = $parent.hasClass('open') 51 | 52 | clearMenus() 53 | 54 | if (!isActive) { 55 | if ('ontouchstart' in document.documentElement) { 56 | // if mobile we we use a backdrop because click events don't delegate 57 | $('
').insertBefore($(this)).on('click', clearMenus) 58 | } 59 | $parent.toggleClass('open') 60 | } 61 | 62 | $this.focus() 63 | 64 | return false 65 | } 66 | 67 | , keydown: function (e) { 68 | var $this 69 | , $items 70 | , $active 71 | , $parent 72 | , isActive 73 | , index 74 | 75 | if (!/(38|40|27)/.test(e.keyCode)) return 76 | 77 | $this = $(this) 78 | 79 | e.preventDefault() 80 | e.stopPropagation() 81 | 82 | if ($this.is('.disabled, :disabled')) return 83 | 84 | $parent = getParent($this) 85 | 86 | isActive = $parent.hasClass('open') 87 | 88 | if (!isActive || (isActive && e.keyCode == 27)) { 89 | if (e.which == 27) $parent.find(toggle).focus() 90 | return $this.click() 91 | } 92 | 93 | $items = $('[role=menu] li:not(.divider):visible a', $parent) 94 | 95 | if (!$items.length) return 96 | 97 | index = $items.index($items.filter(':focus')) 98 | 99 | if (e.keyCode == 38 && index > 0) index-- // up 100 | if (e.keyCode == 40 && index < $items.length - 1) index++ // down 101 | if (!~index) index = 0 102 | 103 | $items 104 | .eq(index) 105 | .focus() 106 | } 107 | 108 | } 109 | 110 | function clearMenus() { 111 | $('.dropdown-backdrop').remove() 112 | $(toggle).each(function () { 113 | getParent($(this)).removeClass('open') 114 | }) 115 | } 116 | 117 | function getParent($this) { 118 | var selector = $this.attr('data-target') 119 | , $parent 120 | 121 | if (!selector) { 122 | selector = $this.attr('href') 123 | selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 124 | } 125 | 126 | $parent = selector && $(selector) 127 | 128 | if (!$parent || !$parent.length) $parent = $this.parent() 129 | 130 | return $parent 131 | } 132 | 133 | 134 | /* DROPDOWN PLUGIN DEFINITION 135 | * ========================== */ 136 | 137 | var old = $.fn.dropdown 138 | 139 | $.fn.dropdown = function (option) { 140 | return this.each(function () { 141 | var $this = $(this) 142 | , data = $this.data('dropdown') 143 | if (!data) $this.data('dropdown', (data = new Dropdown(this))) 144 | if (typeof option == 'string') data[option].call($this) 145 | }) 146 | } 147 | 148 | $.fn.dropdown.Constructor = Dropdown 149 | 150 | 151 | /* DROPDOWN NO CONFLICT 152 | * ==================== */ 153 | 154 | $.fn.dropdown.noConflict = function () { 155 | $.fn.dropdown = old 156 | return this 157 | } 158 | 159 | 160 | /* APPLY TO STANDARD DROPDOWN ELEMENTS 161 | * =================================== */ 162 | 163 | $(document) 164 | .on('click.dropdown.data-api', clearMenus) 165 | .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) 166 | .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) 167 | .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) 168 | 169 | }(window.jQuery); 170 | -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-modal.js: -------------------------------------------------------------------------------- 1 | /* ========================================================= 2 | * bootstrap-modal.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#modals 4 | * ========================================================= 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================= */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* MODAL CLASS DEFINITION 27 | * ====================== */ 28 | 29 | var Modal = function (element, options) { 30 | this.options = options 31 | this.$element = $(element) 32 | .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) 33 | this.options.remote && this.$element.find('.modal-body').load(this.options.remote) 34 | } 35 | 36 | Modal.prototype = { 37 | 38 | constructor: Modal 39 | 40 | , toggle: function () { 41 | return this[!this.isShown ? 'show' : 'hide']() 42 | } 43 | 44 | , show: function () { 45 | var that = this 46 | , e = $.Event('show') 47 | 48 | this.$element.trigger(e) 49 | 50 | if (this.isShown || e.isDefaultPrevented()) return 51 | 52 | this.isShown = true 53 | 54 | this.escape() 55 | 56 | this.backdrop(function () { 57 | var transition = $.support.transition && that.$element.hasClass('fade') 58 | 59 | if (!that.$element.parent().length) { 60 | that.$element.appendTo(document.body) //don't move modals dom position 61 | } 62 | 63 | that.$element.show() 64 | 65 | if (transition) { 66 | that.$element[0].offsetWidth // force reflow 67 | } 68 | 69 | that.$element 70 | .addClass('in') 71 | .attr('aria-hidden', false) 72 | 73 | that.enforceFocus() 74 | 75 | transition ? 76 | that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : 77 | that.$element.focus().trigger('shown') 78 | 79 | }) 80 | } 81 | 82 | , hide: function (e) { 83 | e && e.preventDefault() 84 | 85 | var that = this 86 | 87 | e = $.Event('hide') 88 | 89 | this.$element.trigger(e) 90 | 91 | if (!this.isShown || e.isDefaultPrevented()) return 92 | 93 | this.isShown = false 94 | 95 | this.escape() 96 | 97 | $(document).off('focusin.modal') 98 | 99 | this.$element 100 | .removeClass('in') 101 | .attr('aria-hidden', true) 102 | 103 | $.support.transition && this.$element.hasClass('fade') ? 104 | this.hideWithTransition() : 105 | this.hideModal() 106 | } 107 | 108 | , enforceFocus: function () { 109 | var that = this 110 | $(document).on('focusin.modal', function (e) { 111 | if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { 112 | that.$element.focus() 113 | } 114 | }) 115 | } 116 | 117 | , escape: function () { 118 | var that = this 119 | if (this.isShown && this.options.keyboard) { 120 | this.$element.on('keyup.dismiss.modal', function ( e ) { 121 | e.which == 27 && that.hide() 122 | }) 123 | } else if (!this.isShown) { 124 | this.$element.off('keyup.dismiss.modal') 125 | } 126 | } 127 | 128 | , hideWithTransition: function () { 129 | var that = this 130 | , timeout = setTimeout(function () { 131 | that.$element.off($.support.transition.end) 132 | that.hideModal() 133 | }, 500) 134 | 135 | this.$element.one($.support.transition.end, function () { 136 | clearTimeout(timeout) 137 | that.hideModal() 138 | }) 139 | } 140 | 141 | , hideModal: function () { 142 | var that = this 143 | this.$element.hide() 144 | this.backdrop(function () { 145 | that.removeBackdrop() 146 | that.$element.trigger('hidden') 147 | }) 148 | } 149 | 150 | , removeBackdrop: function () { 151 | this.$backdrop && this.$backdrop.remove() 152 | this.$backdrop = null 153 | } 154 | 155 | , backdrop: function (callback) { 156 | var that = this 157 | , animate = this.$element.hasClass('fade') ? 'fade' : '' 158 | 159 | if (this.isShown && this.options.backdrop) { 160 | var doAnimate = $.support.transition && animate 161 | 162 | this.$backdrop = $('
') 163 | .appendTo(document.body) 164 | 165 | this.$backdrop.click( 166 | this.options.backdrop == 'static' ? 167 | $.proxy(this.$element[0].focus, this.$element[0]) 168 | : $.proxy(this.hide, this) 169 | ) 170 | 171 | if (doAnimate) this.$backdrop[0].offsetWidth // force reflow 172 | 173 | this.$backdrop.addClass('in') 174 | 175 | if (!callback) return 176 | 177 | doAnimate ? 178 | this.$backdrop.one($.support.transition.end, callback) : 179 | callback() 180 | 181 | } else if (!this.isShown && this.$backdrop) { 182 | this.$backdrop.removeClass('in') 183 | 184 | $.support.transition && this.$element.hasClass('fade')? 185 | this.$backdrop.one($.support.transition.end, callback) : 186 | callback() 187 | 188 | } else if (callback) { 189 | callback() 190 | } 191 | } 192 | } 193 | 194 | 195 | /* MODAL PLUGIN DEFINITION 196 | * ======================= */ 197 | 198 | var old = $.fn.modal 199 | 200 | $.fn.modal = function (option) { 201 | return this.each(function () { 202 | var $this = $(this) 203 | , data = $this.data('modal') 204 | , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) 205 | if (!data) $this.data('modal', (data = new Modal(this, options))) 206 | if (typeof option == 'string') data[option]() 207 | else if (options.show) data.show() 208 | }) 209 | } 210 | 211 | $.fn.modal.defaults = { 212 | backdrop: true 213 | , keyboard: true 214 | , show: true 215 | } 216 | 217 | $.fn.modal.Constructor = Modal 218 | 219 | 220 | /* MODAL NO CONFLICT 221 | * ================= */ 222 | 223 | $.fn.modal.noConflict = function () { 224 | $.fn.modal = old 225 | return this 226 | } 227 | 228 | 229 | /* MODAL DATA-API 230 | * ============== */ 231 | 232 | $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { 233 | var $this = $(this) 234 | , href = $this.attr('href') 235 | , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 236 | , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) 237 | 238 | e.preventDefault() 239 | 240 | $target 241 | .modal(option) 242 | .one('hide', function () { 243 | $this.focus() 244 | }) 245 | }) 246 | 247 | }(window.jQuery); 248 | -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-popover.js: -------------------------------------------------------------------------------- 1 | /* =========================================================== 2 | * bootstrap-popover.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#popovers 4 | * =========================================================== 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * =========================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* POPOVER PUBLIC CLASS DEFINITION 27 | * =============================== */ 28 | 29 | var Popover = function (element, options) { 30 | this.init('popover', element, options) 31 | } 32 | 33 | 34 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js 35 | ========================================== */ 36 | 37 | Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { 38 | 39 | constructor: Popover 40 | 41 | , setContent: function () { 42 | var $tip = this.tip() 43 | , title = this.getTitle() 44 | , content = this.getContent() 45 | 46 | $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) 47 | $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) 48 | 49 | $tip.removeClass('fade top bottom left right in') 50 | } 51 | 52 | , hasContent: function () { 53 | return this.getTitle() || this.getContent() 54 | } 55 | 56 | , getContent: function () { 57 | var content 58 | , $e = this.$element 59 | , o = this.options 60 | 61 | content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) 62 | || $e.attr('data-content') 63 | 64 | return content 65 | } 66 | 67 | , tip: function () { 68 | if (!this.$tip) { 69 | this.$tip = $(this.options.template) 70 | } 71 | return this.$tip 72 | } 73 | 74 | , destroy: function () { 75 | this.hide().$element.off('.' + this.type).removeData(this.type) 76 | } 77 | 78 | }) 79 | 80 | 81 | /* POPOVER PLUGIN DEFINITION 82 | * ======================= */ 83 | 84 | var old = $.fn.popover 85 | 86 | $.fn.popover = function (option) { 87 | return this.each(function () { 88 | var $this = $(this) 89 | , data = $this.data('popover') 90 | , options = typeof option == 'object' && option 91 | if (!data) $this.data('popover', (data = new Popover(this, options))) 92 | if (typeof option == 'string') data[option]() 93 | }) 94 | } 95 | 96 | $.fn.popover.Constructor = Popover 97 | 98 | $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { 99 | placement: 'right' 100 | , trigger: 'click' 101 | , content: '' 102 | , template: '

' 103 | }) 104 | 105 | 106 | /* POPOVER NO CONFLICT 107 | * =================== */ 108 | 109 | $.fn.popover.noConflict = function () { 110 | $.fn.popover = old 111 | return this 112 | } 113 | 114 | }(window.jQuery); 115 | -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-scrollspy.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-scrollspy.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#scrollspy 4 | * ============================================================= 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* SCROLLSPY CLASS DEFINITION 27 | * ========================== */ 28 | 29 | function ScrollSpy(element, options) { 30 | var process = $.proxy(this.process, this) 31 | , $element = $(element).is('body') ? $(window) : $(element) 32 | , href 33 | this.options = $.extend({}, $.fn.scrollspy.defaults, options) 34 | this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) 35 | this.selector = (this.options.target 36 | || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 37 | || '') + ' .nav li > a' 38 | this.$body = $('body') 39 | this.refresh() 40 | this.process() 41 | } 42 | 43 | ScrollSpy.prototype = { 44 | 45 | constructor: ScrollSpy 46 | 47 | , refresh: function () { 48 | var self = this 49 | , $targets 50 | 51 | this.offsets = $([]) 52 | this.targets = $([]) 53 | 54 | $targets = this.$body 55 | .find(this.selector) 56 | .map(function () { 57 | var $el = $(this) 58 | , href = $el.data('target') || $el.attr('href') 59 | , $href = /^#\w/.test(href) && $(href) 60 | return ( $href 61 | && $href.length 62 | && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null 63 | }) 64 | .sort(function (a, b) { return a[0] - b[0] }) 65 | .each(function () { 66 | self.offsets.push(this[0]) 67 | self.targets.push(this[1]) 68 | }) 69 | } 70 | 71 | , process: function () { 72 | var scrollTop = this.$scrollElement.scrollTop() + this.options.offset 73 | , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight 74 | , maxScroll = scrollHeight - this.$scrollElement.height() 75 | , offsets = this.offsets 76 | , targets = this.targets 77 | , activeTarget = this.activeTarget 78 | , i 79 | 80 | if (scrollTop >= maxScroll) { 81 | return activeTarget != (i = targets.last()[0]) 82 | && this.activate ( i ) 83 | } 84 | 85 | for (i = offsets.length; i--;) { 86 | activeTarget != targets[i] 87 | && scrollTop >= offsets[i] 88 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) 89 | && this.activate( targets[i] ) 90 | } 91 | } 92 | 93 | , activate: function (target) { 94 | var active 95 | , selector 96 | 97 | this.activeTarget = target 98 | 99 | $(this.selector) 100 | .parent('.active') 101 | .removeClass('active') 102 | 103 | selector = this.selector 104 | + '[data-target="' + target + '"],' 105 | + this.selector + '[href="' + target + '"]' 106 | 107 | active = $(selector) 108 | .parent('li') 109 | .addClass('active') 110 | 111 | if (active.parent('.dropdown-menu').length) { 112 | active = active.closest('li.dropdown').addClass('active') 113 | } 114 | 115 | active.trigger('activate') 116 | } 117 | 118 | } 119 | 120 | 121 | /* SCROLLSPY PLUGIN DEFINITION 122 | * =========================== */ 123 | 124 | var old = $.fn.scrollspy 125 | 126 | $.fn.scrollspy = function (option) { 127 | return this.each(function () { 128 | var $this = $(this) 129 | , data = $this.data('scrollspy') 130 | , options = typeof option == 'object' && option 131 | if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options))) 132 | if (typeof option == 'string') data[option]() 133 | }) 134 | } 135 | 136 | $.fn.scrollspy.Constructor = ScrollSpy 137 | 138 | $.fn.scrollspy.defaults = { 139 | offset: 10 140 | } 141 | 142 | 143 | /* SCROLLSPY NO CONFLICT 144 | * ===================== */ 145 | 146 | $.fn.scrollspy.noConflict = function () { 147 | $.fn.scrollspy = old 148 | return this 149 | } 150 | 151 | 152 | /* SCROLLSPY DATA-API 153 | * ================== */ 154 | 155 | $(window).on('load', function () { 156 | $('[data-spy="scroll"]').each(function () { 157 | var $spy = $(this) 158 | $spy.scrollspy($spy.data()) 159 | }) 160 | }) 161 | 162 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-tab.js: -------------------------------------------------------------------------------- 1 | /* ======================================================== 2 | * bootstrap-tab.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#tabs 4 | * ======================================================== 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ======================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* TAB CLASS DEFINITION 27 | * ==================== */ 28 | 29 | var Tab = function (element) { 30 | this.element = $(element) 31 | } 32 | 33 | Tab.prototype = { 34 | 35 | constructor: Tab 36 | 37 | , show: function () { 38 | var $this = this.element 39 | , $ul = $this.closest('ul:not(.dropdown-menu)') 40 | , selector = $this.attr('data-target') 41 | , previous 42 | , $target 43 | , e 44 | 45 | if (!selector) { 46 | selector = $this.attr('href') 47 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 48 | } 49 | 50 | if ( $this.parent('li').hasClass('active') ) return 51 | 52 | previous = $ul.find('.active:last a')[0] 53 | 54 | e = $.Event('show', { 55 | relatedTarget: previous 56 | }) 57 | 58 | $this.trigger(e) 59 | 60 | if (e.isDefaultPrevented()) return 61 | 62 | $target = $(selector) 63 | 64 | this.activate($this.parent('li'), $ul) 65 | this.activate($target, $target.parent(), function () { 66 | $this.trigger({ 67 | type: 'shown' 68 | , relatedTarget: previous 69 | }) 70 | }) 71 | } 72 | 73 | , activate: function ( element, container, callback) { 74 | var $active = container.find('> .active') 75 | , transition = callback 76 | && $.support.transition 77 | && $active.hasClass('fade') 78 | 79 | function next() { 80 | $active 81 | .removeClass('active') 82 | .find('> .dropdown-menu > .active') 83 | .removeClass('active') 84 | 85 | element.addClass('active') 86 | 87 | if (transition) { 88 | element[0].offsetWidth // reflow for transition 89 | element.addClass('in') 90 | } else { 91 | element.removeClass('fade') 92 | } 93 | 94 | if ( element.parent('.dropdown-menu') ) { 95 | element.closest('li.dropdown').addClass('active') 96 | } 97 | 98 | callback && callback() 99 | } 100 | 101 | transition ? 102 | $active.one($.support.transition.end, next) : 103 | next() 104 | 105 | $active.removeClass('in') 106 | } 107 | } 108 | 109 | 110 | /* TAB PLUGIN DEFINITION 111 | * ===================== */ 112 | 113 | var old = $.fn.tab 114 | 115 | $.fn.tab = function ( option ) { 116 | return this.each(function () { 117 | var $this = $(this) 118 | , data = $this.data('tab') 119 | if (!data) $this.data('tab', (data = new Tab(this))) 120 | if (typeof option == 'string') data[option]() 121 | }) 122 | } 123 | 124 | $.fn.tab.Constructor = Tab 125 | 126 | 127 | /* TAB NO CONFLICT 128 | * =============== */ 129 | 130 | $.fn.tab.noConflict = function () { 131 | $.fn.tab = old 132 | return this 133 | } 134 | 135 | 136 | /* TAB DATA-API 137 | * ============ */ 138 | 139 | $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { 140 | e.preventDefault() 141 | $(this).tab('show') 142 | }) 143 | 144 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-transition.js: -------------------------------------------------------------------------------- 1 | /* =================================================== 2 | * bootstrap-transition.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#transitions 4 | * =================================================== 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* CSS TRANSITION SUPPORT (http://www.modernizr.com/) 27 | * ======================================================= */ 28 | 29 | $(function () { 30 | 31 | $.support.transition = (function () { 32 | 33 | var transitionEnd = (function () { 34 | 35 | var el = document.createElement('bootstrap') 36 | , transEndEventNames = { 37 | 'WebkitTransition' : 'webkitTransitionEnd' 38 | , 'MozTransition' : 'transitionend' 39 | , 'OTransition' : 'oTransitionEnd otransitionend' 40 | , 'transition' : 'transitionend' 41 | } 42 | , name 43 | 44 | for (name in transEndEventNames){ 45 | if (el.style[name] !== undefined) { 46 | return transEndEventNames[name] 47 | } 48 | } 49 | 50 | }()) 51 | 52 | return transitionEnd && { 53 | end: transitionEnd 54 | } 55 | 56 | })() 57 | 58 | }) 59 | 60 | }(window.jQuery); -------------------------------------------------------------------------------- /public/bootstrap/carousel/bootstrap-typeahead.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-typeahead.js v2.3.2 3 | * http://twbs.github.com/bootstrap/javascript.html#typeahead 4 | * ============================================================= 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function($){ 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* TYPEAHEAD PUBLIC CLASS DEFINITION 27 | * ================================= */ 28 | 29 | var Typeahead = function (element, options) { 30 | this.$element = $(element) 31 | this.options = $.extend({}, $.fn.typeahead.defaults, options) 32 | this.matcher = this.options.matcher || this.matcher 33 | this.sorter = this.options.sorter || this.sorter 34 | this.highlighter = this.options.highlighter || this.highlighter 35 | this.updater = this.options.updater || this.updater 36 | this.source = this.options.source 37 | this.$menu = $(this.options.menu) 38 | this.shown = false 39 | this.listen() 40 | } 41 | 42 | Typeahead.prototype = { 43 | 44 | constructor: Typeahead 45 | 46 | , select: function () { 47 | var val = this.$menu.find('.active').attr('data-value') 48 | this.$element 49 | .val(this.updater(val)) 50 | .change() 51 | return this.hide() 52 | } 53 | 54 | , updater: function (item) { 55 | return item 56 | } 57 | 58 | , show: function () { 59 | var pos = $.extend({}, this.$element.position(), { 60 | height: this.$element[0].offsetHeight 61 | }) 62 | 63 | this.$menu 64 | .insertAfter(this.$element) 65 | .css({ 66 | top: pos.top + pos.height 67 | , left: pos.left 68 | }) 69 | .show() 70 | 71 | this.shown = true 72 | return this 73 | } 74 | 75 | , hide: function () { 76 | this.$menu.hide() 77 | this.shown = false 78 | return this 79 | } 80 | 81 | , lookup: function (event) { 82 | var items 83 | 84 | this.query = this.$element.val() 85 | 86 | if (!this.query || this.query.length < this.options.minLength) { 87 | return this.shown ? this.hide() : this 88 | } 89 | 90 | items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source 91 | 92 | return items ? this.process(items) : this 93 | } 94 | 95 | , process: function (items) { 96 | var that = this 97 | 98 | items = $.grep(items, function (item) { 99 | return that.matcher(item) 100 | }) 101 | 102 | items = this.sorter(items) 103 | 104 | if (!items.length) { 105 | return this.shown ? this.hide() : this 106 | } 107 | 108 | return this.render(items.slice(0, this.options.items)).show() 109 | } 110 | 111 | , matcher: function (item) { 112 | return ~item.toLowerCase().indexOf(this.query.toLowerCase()) 113 | } 114 | 115 | , sorter: function (items) { 116 | var beginswith = [] 117 | , caseSensitive = [] 118 | , caseInsensitive = [] 119 | , item 120 | 121 | while (item = items.shift()) { 122 | if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) 123 | else if (~item.indexOf(this.query)) caseSensitive.push(item) 124 | else caseInsensitive.push(item) 125 | } 126 | 127 | return beginswith.concat(caseSensitive, caseInsensitive) 128 | } 129 | 130 | , highlighter: function (item) { 131 | var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') 132 | return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { 133 | return '' + match + '' 134 | }) 135 | } 136 | 137 | , render: function (items) { 138 | var that = this 139 | 140 | items = $(items).map(function (i, item) { 141 | i = $(that.options.item).attr('data-value', item) 142 | i.find('a').html(that.highlighter(item)) 143 | return i[0] 144 | }) 145 | 146 | items.first().addClass('active') 147 | this.$menu.html(items) 148 | return this 149 | } 150 | 151 | , next: function (event) { 152 | var active = this.$menu.find('.active').removeClass('active') 153 | , next = active.next() 154 | 155 | if (!next.length) { 156 | next = $(this.$menu.find('li')[0]) 157 | } 158 | 159 | next.addClass('active') 160 | } 161 | 162 | , prev: function (event) { 163 | var active = this.$menu.find('.active').removeClass('active') 164 | , prev = active.prev() 165 | 166 | if (!prev.length) { 167 | prev = this.$menu.find('li').last() 168 | } 169 | 170 | prev.addClass('active') 171 | } 172 | 173 | , listen: function () { 174 | this.$element 175 | .on('focus', $.proxy(this.focus, this)) 176 | .on('blur', $.proxy(this.blur, this)) 177 | .on('keypress', $.proxy(this.keypress, this)) 178 | .on('keyup', $.proxy(this.keyup, this)) 179 | 180 | if (this.eventSupported('keydown')) { 181 | this.$element.on('keydown', $.proxy(this.keydown, this)) 182 | } 183 | 184 | this.$menu 185 | .on('click', $.proxy(this.click, this)) 186 | .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) 187 | .on('mouseleave', 'li', $.proxy(this.mouseleave, this)) 188 | } 189 | 190 | , eventSupported: function(eventName) { 191 | var isSupported = eventName in this.$element 192 | if (!isSupported) { 193 | this.$element.setAttribute(eventName, 'return;') 194 | isSupported = typeof this.$element[eventName] === 'function' 195 | } 196 | return isSupported 197 | } 198 | 199 | , move: function (e) { 200 | if (!this.shown) return 201 | 202 | switch(e.keyCode) { 203 | case 9: // tab 204 | case 13: // enter 205 | case 27: // escape 206 | e.preventDefault() 207 | break 208 | 209 | case 38: // up arrow 210 | e.preventDefault() 211 | this.prev() 212 | break 213 | 214 | case 40: // down arrow 215 | e.preventDefault() 216 | this.next() 217 | break 218 | } 219 | 220 | e.stopPropagation() 221 | } 222 | 223 | , keydown: function (e) { 224 | this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27]) 225 | this.move(e) 226 | } 227 | 228 | , keypress: function (e) { 229 | if (this.suppressKeyPressRepeat) return 230 | this.move(e) 231 | } 232 | 233 | , keyup: function (e) { 234 | switch(e.keyCode) { 235 | case 40: // down arrow 236 | case 38: // up arrow 237 | case 16: // shift 238 | case 17: // ctrl 239 | case 18: // alt 240 | break 241 | 242 | case 9: // tab 243 | case 13: // enter 244 | if (!this.shown) return 245 | this.select() 246 | break 247 | 248 | case 27: // escape 249 | if (!this.shown) return 250 | this.hide() 251 | break 252 | 253 | default: 254 | this.lookup() 255 | } 256 | 257 | e.stopPropagation() 258 | e.preventDefault() 259 | } 260 | 261 | , focus: function (e) { 262 | this.focused = true 263 | } 264 | 265 | , blur: function (e) { 266 | this.focused = false 267 | if (!this.mousedover && this.shown) this.hide() 268 | } 269 | 270 | , click: function (e) { 271 | e.stopPropagation() 272 | e.preventDefault() 273 | this.select() 274 | this.$element.focus() 275 | } 276 | 277 | , mouseenter: function (e) { 278 | this.mousedover = true 279 | this.$menu.find('.active').removeClass('active') 280 | $(e.currentTarget).addClass('active') 281 | } 282 | 283 | , mouseleave: function (e) { 284 | this.mousedover = false 285 | if (!this.focused && this.shown) this.hide() 286 | } 287 | 288 | } 289 | 290 | 291 | /* TYPEAHEAD PLUGIN DEFINITION 292 | * =========================== */ 293 | 294 | var old = $.fn.typeahead 295 | 296 | $.fn.typeahead = function (option) { 297 | return this.each(function () { 298 | var $this = $(this) 299 | , data = $this.data('typeahead') 300 | , options = typeof option == 'object' && option 301 | if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) 302 | if (typeof option == 'string') data[option]() 303 | }) 304 | } 305 | 306 | $.fn.typeahead.defaults = { 307 | source: [] 308 | , items: 8 309 | , menu: '' 310 | , item: '
    • ' 311 | , minLength: 1 312 | } 313 | 314 | $.fn.typeahead.Constructor = Typeahead 315 | 316 | 317 | /* TYPEAHEAD NO CONFLICT 318 | * =================== */ 319 | 320 | $.fn.typeahead.noConflict = function () { 321 | $.fn.typeahead = old 322 | return this 323 | } 324 | 325 | 326 | /* TYPEAHEAD DATA-API 327 | * ================== */ 328 | 329 | $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { 330 | var $this = $(this) 331 | if ($this.data('typeahead')) return 332 | $this.typeahead($this.data()) 333 | }) 334 | 335 | }(window.jQuery); 336 | -------------------------------------------------------------------------------- /public/bootstrap/carousel/browser-icon-chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/bootstrap/carousel/browser-icon-chrome.png -------------------------------------------------------------------------------- /public/bootstrap/carousel/browser-icon-firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/bootstrap/carousel/browser-icon-firefox.png -------------------------------------------------------------------------------- /public/bootstrap/carousel/browser-icon-safari.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/bootstrap/carousel/browser-icon-safari.png -------------------------------------------------------------------------------- /public/bootstrap/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/bootstrap/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /public/bootstrap/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/bootstrap/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /public/bootstrap/新建文本文档.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Bootstrap 101 Template 9 | 10 | 11 | 12 | 13 | 14 | 15 |

    你好，bootstrap！

    16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /public/bootstrap/新建文本文档.html.bak: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Bootstrap 101 Template 9 | 10 | 11 | 12 | 13 | 14 | 15 |

    你好，bootstrap！

    16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /public/css/style.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | Design by http://www.templateaccess.com 4 | Released for free under a Creative Commons Attribution 3.0 License 5 | */ 6 | body { margin:0; padding:0; width:100%; color:#959595; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} 7 | html, .main { padding:0; margin:0;} 8 | html { background:url(images/main_bg.gif) repeat center center;} 9 | body { background:url(images/content_bg.gif) repeat-y center center;} 10 | .main { background:url(images/header_bg.jpg) no-repeat center 64px;} 11 | .clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;} 12 | .logo { padding:0; float:left; width:auto;} 13 | h1 { margin:0; padding:80px 0; width:970px; color:#fff; font:bold 52px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-3px; text-align:center;} 14 | h1 span { font-weight:normal;} 15 | h1 a, h1 a:hover { color:#fff; text-decoration:none;} 16 | h1 small { display:block; padding:0 6px 2px; font:normal 11px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;} 17 | h2 { font:normal 24px/1.5em Arial, Helvetica, sans-serif; padding:0 0 8px; margin:0 0 8px; color:#323a3f;} 18 | p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;} 19 | p.spec { text-align:left; border-bottom:1px solid #efefef;} 20 | a { color:#9f5555; text-decoration:underline;} 21 | a.rm { } 22 | a.com { margin:0; padding:0; text-decoration:none;} 23 | 24 | .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;} 25 | 26 | /* header */ 27 | .header { } 28 | .header_resize { margin:0 auto; padding:0; width:974px;} 29 | 30 | /* menu */ 31 | .menu_nav { margin:0; padding:0 0 0 40px; height:69px;} 32 | .menu_nav ul { list-style:none; height:69px;} 33 | .menu_nav ul li { margin:0 12px 0 0; padding:0; float:left;} 34 | .menu_nav ul li a { display:block; margin:0; padding:25px 24px 22px; color:#959595; text-decoration:none; font-size:14px;} 35 | .menu_nav ul li.active a, .menu_nav ul li a:hover { color:#fff; background:url(images/menu_a.gif) repeat-x left top;} 36 | 37 | /* content */ 38 | .content_resize { margin:0 auto; padding:16px 0 24px; width:970px;} 39 | .content .mainbar { margin:0; padding:0; float:left; width:670px;} 40 | .content .mainbar img { border:1px solid #d8dbdc;} 41 | .content .mainbar img.fl { margin:4px 16px 4px 0; float:left;} 42 | .content .mainbar .article { margin:0; padding:8px 24px 8px 40px;} 43 | .content .sidebar { padding:0; float:right; width:300px;} 44 | .content .sidebar .gadget { margin:0; padding:8px 16px 8px 40px;} 45 | ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;} 46 | ul.sb_menu li, ul.ex_menu li { margin:0;} 47 | ul.sb_menu li { padding:4px 0; width:220px;} 48 | ul.ex_menu li { padding:4px 0;} 49 | ul.sb_menu li a, ul.ex_menu li a { color:#959595; text-decoration:none; margin-left:-12px; padding-left:12px;} 50 | ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#9f5555; font-weight:bold;} 51 | ul.sb_menu li a:hover { text-decoration:underline;} 52 | ul.ex_menu li a:hover { text-decoration:none;} 53 | .content p.pages { padding:0 24px 0 40px; font-size:11px; color:#959595; text-align:right;} 54 | .content p.pages span, .content p.pages a:hover { padding:5px 10px; color:#fff; background-color:#9f5555; border:1px solid #9f5555;} 55 | .content p.pages a { padding:5px 10px; color:#959595; background-color:#fff; border:1px solid #edebeb; text-decoration:none;} 56 | .content p.pages small { font-size:11px; float:left;} 57 | span.date { display:block; float:left; margin:-12px 12px 0 -50px; padding:6px 0 21px; width:149px; text-align:center; font:bold 18px/1.2em Arial, Helvetica, sans-serif; color: #fff; background:url(images/date_bg.png) no-repeat left top;} 58 | 59 | 60 | /* subpages */ 61 | .content .mainbar .comment { margin:0; padding:16px 0 0 0;} 62 | .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;} 63 | 64 | /* fbg */ 65 | .fbg { background:url(images/main_bg.gif) repeat center center;} 66 | .fbg_resize { margin:0 auto; width:890px; padding:24px 40px; background:url(images/fbg_bg.gif) repeat-x center top;} 67 | .fbg ul li { padding:4px 0;} 68 | .fbg .c2 a, .fbg .c3 a { margin:0; padding:2px 4px; color:#9f5555; text-decoration:none; } 69 | .fbg ul li a { margin:0; padding:2px 4px; background:none; text-decoration:none;} 70 | .fbg ul li a:hover { text-decoration:underline; font-weight:normal;} 71 | .fbg h2 { } 72 | .fbg img { margin:0 4px 0 0; padding:3px; border:1px solid #78b2cb;} 73 | .fbg .col { margin:0; float:left;} 74 | .fbg .c1 { padding:0 16px 0 0; width:266px;} 75 | .fbg .c2 { padding:0 16px; width:300px;} 76 | .fbg .c3 { padding:0 0 0 16px; width:260px;} 77 | 78 | /* footer */ 79 | .footer { background:#fff url(images/footer_bg.gif) repeat-x center top;} 80 | .footer_resize { margin:0 auto; padding:26px; width:922px;} 81 | .footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;} 82 | .footer p.lf a { color:#9f5555;} 83 | ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;} 84 | ul.fmenu li { margin:0; padding:0 8px 0 0; float:left;} 85 | ul.fmenu li a { color:#959595; text-decoration:none; padding:6px 16px;} 86 | ul.fmenu li a:hover, ul.fmenu li.active a { color:#9f5555;} 87 | ul.fmenu li a:hover { text-decoration:underline;} 88 | 89 | /* form */ 90 | ol { list-style:none;} 91 | ol li { display:block; clear:both;} 92 | ol li label { display:block; margin:0; padding:16px 0 0 0;} 93 | ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;} 94 | ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;} 95 | ol li .send { margin:16px 0 0 0;} 96 | 97 | /* search */ 98 | .searchform { float:right;} 99 | #formsearch { margin:0; height:36px; padding:10px 28px 40px 0;} 100 | #formsearch span { display:block; margin:6px 0; padding:0; float:left; background:#fff url(images/search.gif) no-repeat top left;} 101 | #formsearch input.editbox_search { margin:0; padding:11px 6px 10px; float:left; width:181px; border:none; background:none; font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#a8acb2;} 102 | #formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:left;} 103 | /*每页显示10页*/ 104 | .prepage a{float:left;text-decoration:none;padding:.5em 1em;color:#ff0000;font-weight:bold;} 105 | .nextpage a{float:right;text-decoration:none;padding:.5em 1em;color:#ff0000;font-weight:bold;} 106 | .prepage a:hover,.nextpage a:hover{text-decoration:none;background-color:#ff0000;color:#f9f9f9;-webkit-transition:color .2s linear;} -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/favicon.ico -------------------------------------------------------------------------------- /public/images/54wall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/54wall.png -------------------------------------------------------------------------------- /public/images/WalkingDead/person/54wall_little.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/WalkingDead/person/54wall_little.jpg -------------------------------------------------------------------------------- /public/images/WalkingDead/person/卡尔.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/WalkingDead/person/卡尔.jpg -------------------------------------------------------------------------------- /public/images/WalkingDead/person/格伦.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/WalkingDead/person/格伦.jpg -------------------------------------------------------------------------------- /public/images/WalkingDead/person/瑞克·格莱姆斯.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/WalkingDead/person/瑞克·格莱姆斯.jpg -------------------------------------------------------------------------------- /public/images/WalkingDead/person/达里尔.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/WalkingDead/person/达里尔.jpg -------------------------------------------------------------------------------- /public/images/WalkingDead/poster/s1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/WalkingDead/poster/s1.jpg -------------------------------------------------------------------------------- /public/images/images/content_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/content_bg.gif -------------------------------------------------------------------------------- /public/images/images/date_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/date_bg.png -------------------------------------------------------------------------------- /public/images/images/fbg_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/fbg_bg.gif -------------------------------------------------------------------------------- /public/images/images/footer_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/footer_bg.gif -------------------------------------------------------------------------------- /public/images/images/header_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/header_bg.jpg -------------------------------------------------------------------------------- /public/images/images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/img1.jpg -------------------------------------------------------------------------------- /public/images/images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/img2.jpg -------------------------------------------------------------------------------- /public/images/images/main_bg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/main_bg.gif -------------------------------------------------------------------------------- /public/images/images/menu_a.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/menu_a.gif -------------------------------------------------------------------------------- /public/images/images/pix1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/pix1.jpg -------------------------------------------------------------------------------- /public/images/images/pix2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/pix2.jpg -------------------------------------------------------------------------------- /public/images/images/pix3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/pix3.jpg -------------------------------------------------------------------------------- /public/images/images/pix4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/pix4.jpg -------------------------------------------------------------------------------- /public/images/images/pix5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/pix5.jpg -------------------------------------------------------------------------------- /public/images/images/pix6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/pix6.jpg -------------------------------------------------------------------------------- /public/images/images/profile_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/profile_01.jpg -------------------------------------------------------------------------------- /public/images/images/sanye.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/sanye.jpg -------------------------------------------------------------------------------- /public/images/images/search.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/search.gif -------------------------------------------------------------------------------- /public/images/images/search_btn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/search_btn.gif -------------------------------------------------------------------------------- /public/images/images/spacer.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/spacer.gif -------------------------------------------------------------------------------- /public/images/images/submit.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/submit.gif -------------------------------------------------------------------------------- /public/images/images/userpic.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/images/userpic.gif -------------------------------------------------------------------------------- /public/images/slide-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/slide-01.jpg -------------------------------------------------------------------------------- /public/images/slide-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/slide-02.jpg -------------------------------------------------------------------------------- /public/images/slide-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/images/slide-03.jpg -------------------------------------------------------------------------------- /public/javascripts/js/arial.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/javascripts/js/arial.js -------------------------------------------------------------------------------- /public/javascripts/js/cuf_run.js: -------------------------------------------------------------------------------- 1 | Cufon.replace('h1, h2, h3, h4, h5, h6', { hover: true }); 2 | -------------------------------------------------------------------------------- /public/javascripts/js/radius.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | 4 | // radius Box 5 | $('.content_resize, .fbg_resize').css({"border-radius": "28px", "-moz-border-radius":"28px", "-webkit-border-radius":"28px"}); 6 | $('a.rm').css({"border-radius": "6px", "-moz-border-radius":"6px", "-webkit-border-radius":"6px"}); 7 | // end radius Box 8 | 9 | }); -------------------------------------------------------------------------------- /public/stylesheets/down.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0 auto; 3 | background: #000; 4 | font-family: Georgia, Palatino, serif; 5 | color: #EEE; 6 | line-height: 1; 7 | max-width: 960px; 8 | padding: 30px; 9 | } 10 | h1, h2, h3, h4 { 11 | font-weight: 400; 12 | } 13 | h1, h2, h3, h4, h5, p { 14 | margin-bottom: 24px; 15 | padding: 0; 16 | } 17 | h1 { 18 | font-size: 48px; 19 | } 20 | h2 { 21 | font-size: 36px; 22 | margin: 24px 0 6px; 23 | } 24 | h3 { 25 | font-size: 24px; 26 | } 27 | h4 { 28 | font-size: 21px; 29 | } 30 | h5 { 31 | font-size: 18px; 32 | } 33 | a { 34 | color: #61BFC1; 35 | margin: 0; 36 | padding: 0; 37 | text-decoration: none; 38 | vertical-align: baseline; 39 | } 40 | a:hover { 41 | text-decoration: underline; 42 | } 43 | a:visited { 44 | color: #466B6C; 45 | } 46 | ul, ol { 47 | padding: 0; 48 | margin: 0; 49 | } 50 | li { 51 | line-height: 24px; 52 | } 53 | li ul, li ul { 54 | margin-left: 24px; 55 | } 56 | p, ul, ol { 57 | font-size: 16px; 58 | line-height: 24px; 59 | max-width: 540px; 60 | } 61 | pre { 62 | padding: 0px 24px; 63 | max-width: 800px; 64 | white-space: pre-wrap; 65 | } 66 | code { 67 | font-family: Consolas, Monaco, Andale Mono, monospace; 68 | line-height: 1.5; 69 | font-size: 13px; 70 | } 71 | aside { 72 | display: block; 73 | float: right; 74 | width: 390px; 75 | } 76 | blockquote { 77 | border-left:.5em solid #eee; 78 | padding: 0 2em; 79 | margin-left:0; 80 | max-width: 476px; 81 | } 82 | blockquote cite { 83 | font-size:14px; 84 | line-height:20px; 85 | color:#bfbfbf; 86 | } 87 | blockquote cite:before { 88 | content: '\2014 \00A0'; 89 | } 90 | 91 | blockquote p { 92 | color: #666; 93 | max-width: 460px; 94 | } 95 | hr { 96 | width: 540px; 97 | text-align: left; 98 | margin: 0 auto 0 0; 99 | color: #999; 100 | } 101 | 102 | /* Code below this line is copyright Twitter Inc. */ 103 | 104 | button, 105 | input, 106 | select, 107 | textarea { 108 | font-size: 100%; 109 | margin: 0; 110 | vertical-align: baseline; 111 | *vertical-align: middle; 112 | } 113 | button, input { 114 | line-height: normal; 115 | *overflow: visible; 116 | } 117 | button::-moz-focus-inner, input::-moz-focus-inner { 118 | border: 0; 119 | padding: 0; 120 | } 121 | button, 122 | input[type="button"], 123 | input[type="reset"], 124 | input[type="submit"] { 125 | cursor: pointer; 126 | -webkit-appearance: button; 127 | } 128 | input[type=checkbox], input[type=radio] { 129 | cursor: pointer; 130 | } 131 | /* override default chrome & firefox settings */ 132 | input:not([type="image"]), textarea { 133 | -webkit-box-sizing: content-box; 134 | -moz-box-sizing: content-box; 135 | box-sizing: content-box; 136 | } 137 | 138 | input[type="search"] { 139 | -webkit-appearance: textfield; 140 | -webkit-box-sizing: content-box; 141 | -moz-box-sizing: content-box; 142 | box-sizing: content-box; 143 | } 144 | input[type="search"]::-webkit-search-decoration { 145 | -webkit-appearance: none; 146 | } 147 | label, 148 | input, 149 | select, 150 | textarea { 151 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 152 | font-size: 13px; 153 | font-weight: normal; 154 | line-height: normal; 155 | margin-bottom: 18px; 156 | } 157 | input[type=checkbox], input[type=radio] { 158 | cursor: pointer; 159 | margin-bottom: 0; 160 | } 161 | input[type=text], 162 | input[type=password], 163 | textarea, 164 | select { 165 | display: inline-block; 166 | width: 210px; 167 | padding: 4px; 168 | font-size: 13px; 169 | font-weight: normal; 170 | line-height: 18px; 171 | height: 18px; 172 | color: #808080; 173 | border: 1px solid #ccc; 174 | -webkit-border-radius: 3px; 175 | -moz-border-radius: 3px; 176 | border-radius: 3px; 177 | } 178 | select, input[type=file] { 179 | height: 27px; 180 | line-height: 27px; 181 | } 182 | textarea { 183 | height: auto; 184 | } 185 | 186 | /* grey out placeholders */ 187 | :-moz-placeholder { 188 | color: #bfbfbf; 189 | } 190 | ::-webkit-input-placeholder { 191 | color: #bfbfbf; 192 | } 193 | 194 | input[type=text], 195 | input[type=password], 196 | select, 197 | textarea { 198 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 199 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 200 | transition: border linear 0.2s, box-shadow linear 0.2s; 201 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 202 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 203 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 204 | } 205 | input[type=text]:focus, input[type=password]:focus, textarea:focus { 206 | outline: none; 207 | border-color: rgba(82, 168, 236, 0.8); 208 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 209 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 210 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); 211 | } 212 | 213 | /* buttons */ 214 | button { 215 | display: inline-block; 216 | padding: 4px 14px; 217 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 218 | font-size: 13px; 219 | line-height: 18px; 220 | -webkit-border-radius: 4px; 221 | -moz-border-radius: 4px; 222 | border-radius: 4px; 223 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 224 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 225 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 226 | background-color: #0064cd; 227 | background-repeat: repeat-x; 228 | background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); 229 | background-image: -moz-linear-gradient(top, #049cdb, #0064cd); 230 | background-image: -ms-linear-gradient(top, #049cdb, #0064cd); 231 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); 232 | background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); 233 | background-image: -o-linear-gradient(top, #049cdb, #0064cd); 234 | background-image: linear-gradient(top, #049cdb, #0064cd); 235 | color: #fff; 236 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 237 | border: 1px solid #004b9a; 238 | border-bottom-color: #003f81; 239 | -webkit-transition: 0.1s linear all; 240 | -moz-transition: 0.1s linear all; 241 | transition: 0.1s linear all; 242 | border-color: #0064cd #0064cd #003f81; 243 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 244 | } 245 | button:hover { 246 | color: #fff; 247 | background-position: 0 -15px; 248 | text-decoration: none; 249 | } 250 | button:active { 251 | -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 252 | -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 253 | box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 254 | } 255 | button::-moz-focus-inner { 256 | padding: 0; 257 | border: 0; 258 | } -------------------------------------------------------------------------------- /public/stylesheets/markdown.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/public/stylesheets/markdown.css -------------------------------------------------------------------------------- /public/stylesheets/style.css: -------------------------------------------------------------------------------- 1 | /* inspired by http://yihui.name/cn/ */ 2 | *{padding:0;margin:0;} 3 | body{width:600px;margin:2em auto;padding:0 2em;font-size:14px;font-family:"Microsoft YaHei";} 4 | p{ 5 | width:600px;margin:2em auto;padding:0 2em;font-size:14px;font-family:"Microsoft YaHei"; 6 | line-height:24px;margin:1em 0; 7 | word-wrap: break-word;word-break: break-all; 8 | } 9 | header{padding:.5em 0;border-bottom:1px solid #cccccc;} 10 | /*nav{float:left;font-family:"Microsoft YaHei";font-size:1.1em;text-transform:uppercase;margin-left:-12em;width:9em;text-align:right;}*/ 11 | /*nav a{display:block;text-decoration:none;padding:.7em 1em;color:#000000;}*/ 12 | /*nav a:hover{background-color:#ff0000;color:#f9f9f9;-webkit-transition:color .2s linear;}*/ 13 | article{font-size:16px;padding-top:.5em;} 14 | article a{color:#dd0000;text-decoration:none;} 15 | article a:hover{color:#333333;text-decoration:underline;} 16 | .info{font-size:14px;} 17 | .edit{margin:3px;padding:2px 5px;border-radius:3px;background-color:#f3f3f3;color:#333;font-size:13px;} 18 | .edit:hover{text-decoration:none;background-color:#f00;color:#fff;-webkit-transition:color .2s linear;} -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | ## 使用Heroku+Mlab，部署Node+Express+Bootsrap实现的多人博客 2 | 使用Node+Express+Bootsrap实现的多人博客，参考github：nswbmw/N-blog:使用 Express + MongoDB 搭建多人博客. 3 | 因为MongoHQ已经不再能使用，我的项目使用的是Mlab。 4 | 完整项目已经部署到Heroku。 5 | 完整项目请浏览 6 | 54wall-WalkingDead。 7 | 目前的问题是部署到Heroku上的对于未登陆用户，直接post新增内容，直接会报错，然后必须注册才不会报错，对于已经登陆的用户，则是如果选择注册选项，则也是报错，必须先登出logout！ 8 | ## 使用Heroku+mLab 部署Node应用 9 | 10 | 最近尝试了一下node.js，迷迷糊糊，不太懂，所以干脆找一个基于node.js平台的小项目做一下，我大概扫了一眼javascript的基础和node.js的介绍，然后在GitHub上找到了一个非常详实的项目：[nswbmw/N-blog](https://github.com/nswbmw/N-blog)，根据他的讲解，一步一步实现了多人博客的基础雏形，之后我使用Bootstrap进行了美化，做了一个关于行尸走肉的多人博客网页，利用标签的特性，实现了各个频道的检索。 11 | ![N-Blog-WalkingDeading_01.jpg](http://upload-images.jianshu.io/upload_images/2467798-3bb7ea73c1b71a1c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 12 | 真打算布置到nswbmw所使用的Heroku和MongoHQ，但是MongoHQ目前好像已经不能使用了，于是在网上找到了他的替代品[mLab](https://mlab.com/home),看了下相关的教程几乎和已经消失的MongoHQ的使用步骤是一致的，但是网上教程大多使用的Ubuntu系统，我这里使用的Windows,并且多数使用mongoose来进行MongoDB数据库操作，看的我云里雾里，正好刚刚部署成功。这里简单介绍下，使用[mLab](https://mlab.com/home)和[Heroku](https://www.heroku.com/)分别进行MongoDB和node部署的过程。 13 | 这里还是参照[nswbmw/N-blog的wiki](https://github.com/nswbmw/N-blog/wiki/番外篇之——部署到-Heroku)上的例子的顺序，首先将本地MongoDB切换到mLab上。 14 | 15 | #### 使用mLab 16 | 17 | ![mLab登陆.jpg](http://upload-images.jianshu.io/upload_images/2467798-2b7f3ad316f736fb.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 18 | SignUp注册，我使用的是网易126邮箱，可以进行申请，申请后需要发送一个确认的邮件，进入你的邮件去找到，然后访问返回的连接。 19 | 20 | ![注册.jpg](http://upload-images.jianshu.io/upload_images/2467798-ee913a48869cd381.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 21 | 注意注册时，这里分别有Account name和Username，一定要注意了，一会Log In登陆的时候，使用的Username。 22 | ![登陆后.jpg](http://upload-images.jianshu.io/upload_images/2467798-3bfa4605a84e61af.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 23 | 我因为已经注册了，直接进入时这个样子，选择MongoDB Deployments（数据库部署）下的Create New，创建新的数据库。 24 | ![选择数据库大小.jpg](http://upload-images.jianshu.io/upload_images/2467798-6663233d6a88c274.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 25 | 这里选择你需要的云服务商和区域，本来打算选择新加坡的服务区域，但是在Region中选择Amazon's Asia Pacific(Singapore)Region(ap-southeast-1),会发现没有免费的，大概看了下，只有美国区选择Plan中的Single—node，才可以选择免费的0.5GB的Sandbox。 26 | ![选择已经建好的数据库.jpg](http://upload-images.jianshu.io/upload_images/2467798-4e855406a755cfc6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 27 | 选择已经建好的进入数据库，需要新建使用数据库的用户名和密码，然后是非常关键的问题，就是如下： 28 | 29 | ![新建数据库使用者用户.jpg](http://upload-images.jianshu.io/upload_images/2467798-f38d1f14b50a89c4.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 30 | 提示你了，如何切换数据库到mLab，我这里使用的To connect using a driver via the standard MongoDB URI (what's this?):这个选项 31 | 32 | 直接点击what's this?进入帮助文档，然后向下找到下面的MongoDB driver(可以Ctrl+F)选择其中的 **driver examples in many of the major languages** 33 | ``` 34 | MongoDB driver 35 | 36 | In order to provide your application a means to communicate with your MongoDB database, you will need a driver in a language appropriate to your application. 37 | 38 | You can go to MongoDB, Inc.’s site to read about the official MongoDB drivers, but we also provide driver examples in many of the major languages: C#, Java, Node.js, PHP, Python, Ruby, etc.. These examples should run out-of-the-box after you install the appropriate driver(s) and update your MongoDB URI. 39 | 40 | You may find our troubleshooting guide helpful if you continue to experience problems trying to connect to your deployment using a compatible driver. 41 | ``` 42 | 之后进入语言中心，这里的语言中心不是指设置中英文，而是指的是编程语言 43 | ``` 44 | Language Center 45 | 46 | Node.js 47 | 48 | The officially supported Node.js Native driver for MongoDB: 49 | 50 | CRUD example 51 | Mongoose, an Object Document Mapper (ODM) for MongoDB: 52 | 53 | Mongoose CRUD example 54 | Mongoose Tips & Tricks (from mLab’s blog) 55 | ``` 56 | 点击链接CRUD example，就可以看到node.js如何连接数据库了，下边就是CRUD example点击后的全部文档，讲了如何在node中使用mLab数据库作为外部数据库的方法： 57 | ``` 58 | /* 59 | * Copyright (c) 2016 ObjectLabs Corporation 60 | * Distributed under the MIT license - http://opensource.org/licenses/MIT 61 | * 62 | * Written with: mongodb@2.1.3 63 | * Documentation: http://mongodb.github.io/node-mongodb-native/ 64 | * A Node script connecting to a MongoDB database given a MongoDB Connection URI. 65 | */ 66 | 67 | var mongodb = require('mongodb'); 68 | 69 | // Create seed data 70 | 71 | var seedData = [ 72 | { 73 | decade: '1970s', 74 | artist: 'Debby Boone', 75 | song: 'You Light Up My Life', 76 | weeksAtOne: 10 77 | }, 78 | { 79 | decade: '1980s', 80 | artist: 'Olivia Newton-John', 81 | song: 'Physical', 82 | weeksAtOne: 10 83 | }, 84 | { 85 | decade: '1990s', 86 | artist: 'Mariah Carey', 87 | song: 'One Sweet Day', 88 | weeksAtOne: 16 89 | } 90 | ]; 91 | 92 | // Standard URI format: mongodb://[dbuser:dbpassword@]host:port/dbname 93 | 94 | var uri = 'mongodb://user:pass@host:port/db'; 95 | 96 | mongodb.MongoClient.connect(uri, function(err, db) { 97 | 98 | if(err) throw err; 99 | 100 | /* 101 | * First we'll add a few songs. Nothing is required to create the 102 | * songs collection; it is created automatically when we insert. 103 | */ 104 | 105 | var songs = db.collection('songs'); 106 | 107 | // Note that the insert method can take either an array or a dict. 108 | 109 | songs.insert(seedData, function(err, result) { 110 | 111 | if(err) throw err; 112 | 113 | /* 114 | * Then we need to give Boyz II Men credit for their contribution 115 | * to the hit "One Sweet Day". 116 | */ 117 | 118 | songs.update( 119 | { song: 'One Sweet Day' }, 120 | { $set: { artist: 'Mariah Carey ft. Boyz II Men' } }, 121 | function (err, result) { 122 | 123 | if(err) throw err; 124 | 125 | /* 126 | * Finally we run a query which returns all the hits that spend 10 or 127 | * more weeks at number 1. 128 | */ 129 | 130 | songs.find({ weeksAtOne : { $gte: 10 } }).sort({ decade: 1 }).toArray(function (err, docs) { 131 | 132 | if(err) throw err; 133 | 134 | docs.forEach(function (doc) { 135 | console.log( 136 | 'In the ' + doc['decade'] + ', ' + doc['song'] + ' by ' + doc['artist'] + 137 | ' topped the charts for ' + doc['weeksAtOne'] + ' straight weeks.' 138 | ); 139 | }); 140 | 141 | // Since this is an example, we'll clean up after ourselves. 142 | songs.drop(function (err) { 143 | if(err) throw err; 144 | 145 | // Only close the connection when your app is terminating. 146 | db.close(function (err) { 147 | if(err) throw err; 148 | }); 149 | }); 150 | }); 151 | } 152 | ); 153 | }); 154 | }); 155 | ``` 156 | 我们主要使用的是如何连接数据库，所以下边的这个尤其重要： 157 | ``` 158 | var uri = 'mongodb://user:pass@host:port/db'; 159 | mongodb.MongoClient.connect(uri, function(err, db) { 160 | …… 161 | } 162 | ``` 163 | 164 | 这里开始就不再与[nswbmw/部署到Heroku](https://github.com/nswbmw/N-blog/wiki/番外篇之——部署到-Heroku)的wiki上一致，其余参照[nswbmw/部署到Heroku](https://github.com/nswbmw/N-blog/wiki/番外篇之——部署到-Heroku)， 165 | 修改 settings.js 为： 166 | module.exports = { 167 | cookieSecret: 'myblog', 168 | url: 'your_Mongo_URI' 169 | }; 170 | 将 your_Mongo_URI 替换为你自己创建的数据库的 URL ，将 和 分别替换为刚才添加的用户的名字和密码。 171 | 我的是 172 | ``` 173 | module.exports = { 174 | cookieSecret: 'myblog', 175 | url: 'mongodb://54wallis_a_good_man:haha@ds015869.mlab.com:15869/walkingdead' 176 | }; 177 | ``` 178 | 需要注意 179 | ``` 180 | mongodb://:@ds015869.mlab.com:15869/walkingdead 181 | ``` 182 | 这里的两个<>都是要去掉的。 183 | nswbmw/N-blog讲的如下： 184 | 打开 app.js ，将 app.use(express.session(...)); 修改为： 185 | app.use(express.session({ 186 | secret: settings.cookieSecret, 187 | cookie: {maxAge: 1000 * 60 * 60 * 24 * 30},//30 days 188 | url: settings.url 189 | })); 190 | 删除 db.js ，打开 post.js 、 user.js 和 comment.js ，均作以下修改： 191 | 将 mongodb = require('./db') 修改为 mongodb = require('mongodb').Db 192 | 添加 var settings = require('../settings'); 193 | 将所有 mongodb.open(function (err, db) { 修改为 mongodb.connect(settings.url, function (err, db) { 194 | 将所有 mongodb.close(); 修改为 db.close(); 195 | 196 | 这里不能完全参照改教程了，需要按最新的mLab要求进行修改， 197 | 将 上边所有的mongodb = require('./db') 修改为 mongodb = require('mongodb')； 198 | 就是将所有 mongodb.open(function (err, db) { 修改为 mongodb.MongoClient.connect(settings.url, function (err, db) { 199 | 其余同nswbmw/N-blog，这里就可以完成了。 200 | 现在，无需启动你的mongo本地数据库，直接启动你的多人博客或者其他node应用，会比较慢，就可以看到了，像一起一样可以增加修改，而在mlab可以看到你的数据库。 201 | ![mLab数据库.jpg](http://upload-images.jianshu.io/upload_images/2467798-e6efedc2f25e8f01.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 202 | 203 | ## 部署到 Heroku 204 | 205 | Heroku 支持很多语言的部署，下面使用 Heroku 部署我们的博客。我这里完全没有安装Heroku Toolbelt，也没有用到git bash，直接全部在网页中执行。过程与nswbmw/N-blog稍有不同。 206 | ### 新建Procfile 207 | 208 | 在工程的根目录下新建一个 **Procfile** 文件，添加如下内容： 209 | ``` 210 | web: node app.js 211 | ``` 212 | **Procfile** 文件告诉了服务器该使用什么命令启动一个 web 服务，这里通过 `node app.js` 执行 Node 脚本。 213 | 214 | ### 上传到github 215 | 上传项目到github上，注意在硬盘上的node完整项目的目录如下： 216 | ![项目结构.jpg](http://upload-images.jianshu.io/upload_images/2467798-9155050c243ed5f1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 217 | 218 | 注意图中上边的文件夹时完整的，只需要上传下边的，上传到github时把bin和node_modules这两个文件夹除外，这两文件较大，不需要上传，bin是运行node时生成的，而node_modules则是运行node应用时下载的依赖。 219 | 220 | ### 注册Heroku 221 | ![heroku首页.jpg](http://upload-images.jianshu.io/upload_images/2467798-9b13ddb3da297ebe.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 222 | 223 | 进入[Heroku](https://www.heroku.com/),注册注意我的126不能通过，qq倒是可以。 224 | 225 | ### 创建一个应用 226 | 注册成功后，就进入了控制面板页面，如图所示： 227 | 228 | ![heroku新建app.jpg](http://upload-images.jianshu.io/upload_images/2467798-69c14e01bf399544.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 229 | 230 | 点击 **New** ，填写独一无二的应用名称后，点击 **Create App** 即创建成功 。 231 | 232 | ![heroku新建app2.jpg](http://upload-images.jianshu.io/upload_images/2467798-b7c7d570c7cb9139.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 233 | 234 | 点击你的新建的这个app，然后选择deploy（部署）这一项，会遇到下边的 235 | 236 | ![heroku新建app3.jpg](http://upload-images.jianshu.io/upload_images/2467798-ee4b9c3fb5f1e51e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 237 | 238 | 因为项目已经上传到GitHub上，所以，直接选择GitHub，会进行相应的授权操作，然后在你的账户中选择你要部署的项目所在的GitHub路径，我这里是我的[N-blog-WalkingDead](https://github.com/54wall/N-blog-WalkingDead) 239 | 240 | 下边仅跟着的就是两种部署方式： 241 | 242 | 243 | ![heroku新建app7自动部署和一般部署.jpg](http://upload-images.jianshu.io/upload_images/2467798-eded1c73f2d6faab.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 244 | 245 | Automatic deploys 就是自动部署，部署放生在更新你的GitHub，Heroku就会自动部署，但是现在点击它不会立刻马上部署，可能会过几分钟之后，Manual deploy 就是一般性部署，点击图中的Deploy to Heroku就会立刻马上部署。 246 | 这里在Manual deploy中进行直接部署，点击Show build log，就可以看到构建的日志了，若果node项目(我这里是多人博客项目)没有问题，就可以你就可以访问 **http://yourAppName.herokuapp.com/** 进行查看了。 247 | 我的项目结果如下： 248 | ![N-Blog-WalkingDeading_02.jpg](http://upload-images.jianshu.io/upload_images/2467798-ada1c76d7b19899b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 249 | 250 | 手机端： 251 | 252 | ![N-Blog-WalkingDeading_03.jpg](http://upload-images.jianshu.io/upload_images/2467798-4b78a370ec34d255.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 253 | 254 | #### 参考 255 | [利用heroku+mongoLab 部署Node 运用](http://www.cnblogs.com/djlxs/p/5506403.html) 256 | [nswbmw/N-blog:番外篇之——部署到 Heroku](https://github.com/nswbmw/N-blog/wiki/番外篇之——部署到-Heroku) 257 | 其余自行百度或谷歌。 258 | -------------------------------------------------------------------------------- /readme_resouce/N-Blog-WalkingDeading_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/readme_resouce/N-Blog-WalkingDeading_01.jpg -------------------------------------------------------------------------------- /readme_resouce/N-Blog-WalkingDeading_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/readme_resouce/N-Blog-WalkingDeading_02.jpg -------------------------------------------------------------------------------- /readme_resouce/N-Blog-WalkingDeading_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/54wall/NodeBlog/3e106a9d3ec041c9fd47d7a1c196af1de26e05d9/readme_resouce/N-Blog-WalkingDeading_03.jpg -------------------------------------------------------------------------------- /routes/users.js: -------------------------------------------------------------------------------- 1 | var express = require('express'); 2 | var router = express.Router(); 3 | 4 | /* GET users listing. */ 5 | router.get('/', function(req, res, next) { 6 | res.send('respond with a resource'); 7 | }); 8 | 9 | module.exports = router; 10 | -------------------------------------------------------------------------------- /settings.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | cookieSecret: 'myblog', 3 | url: 'mongodb://54wall:3qmlab@ds015869.mlab.com:15869/walkingdead' 4 | }; -------------------------------------------------------------------------------- /views/about.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | Atomic_www.cssmoban.com模板之家 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 | 20 |
    21 |
    22 |
    23 | 30 |
    31 |
    32 | 33 |
    34 |
    35 |
    36 | 37 |
    38 |
    39 |
    40 |
    41 |

    About to Company Name

    42 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.

    43 |

    Curabitur purus mi, pharetra vitae viverra et, mattis sit amet nunc. Quisque enim ipsum, convallis sit amet molestie in, placerat vel urna. Praesent congue auctor elit, nec pretium ipsum volutpat vitae. Vivamus eget ipsum sit amet ipsum tincidunt fermentum. Sed hendrerit neque ac erat condimentum vulputate. Nulla velit massa, dictum etinterdum quis, tempus at velit.

    44 |
    45 |
    46 |

    Our Mission

    47 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.

    48 |

    Maecenas vestibulum fermentum eleifend. Mauris erat sem, suscipit non tincidunt quis, vestibulum eget elit. Duis eget arcu ante. Proin nulla elit, elementum sit amet commodo et, eleifend vitae quam. Nam vel aliquam tortor. Aliquam bibendum erat a urna interdum quis mattis augue interdum. Phasellus fermentum bibendum mauris, ut semper justo pharetra vestibulum. Duis dictum purus sed nibh commodo a congue elit lobortis. Nunc sed feugiat tellus. Mauris aliquet lorem non enim euismod quis fermentum erat porta. Nullam non elit orci. Aliquam blandit mattis feugiat. Cras pulvinar aliquet massa, quis laoreet mi pulvinar ac. Aliquam mi augue, vehicula in consectetur in, porttitor sed tellus. Mauris convallis dapibus auctor. Integer in egestas lorem. In nulla dolor, sollicitudin vitae sollicitudin quis, viverra at lorem.

    49 |

    Ut ullamcorper velit et nisi feugiat non sagittis tortor pharetra. Mauris ut urna et magna commodo cursus. Curabitur quis elementum arcu. Maecenas eleifend, urna vitae vehicula bibendum, felis tellus tincidunt lorem, at iaculis neque eros ac dui. Nunc malesuada pulvinar suscipit. Phasellus sed tortor quis ligula facilisis aliquam. Aliquam quis magna eu dolor posuere malesuada. Quisque consequat, metus fermentum convallis imperdiet, ante justo pharetra enim, vel commodo ipsum mauris eget purus. Morbi lacinia nisl urna, scelerisque suscipit lacus. Nulla ac orci ut nunc venenatis gravida.

    50 |
    51 |
    52 |
    53 |
    54 |
    55 | 56 | 57 |
    58 |
    59 |
    60 |

    Sidebar Menu

    61 | 69 |
    70 |
    71 |

    Sponsors

    72 | 80 |
    81 |
    82 |
    83 |
    84 |
    85 | 86 |
    87 |
    88 |
    89 |

    Image Gallery

    90 | pix 91 | pix 92 | pix 93 | pix 94 | pix 95 | pix 96 |
    97 |
    98 |

    Lorem Ipsum

    99 |

    Lorem ipsum dolor
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

    100 |
    101 |
    102 |

    Contact

    103 |

    Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.

    104 |

    support@yoursite.com

    105 |

    +1 (123) 444-5677
    +1 (123) 444-5678

    106 |

    Address: 123 TemplateAccess Rd1

    107 |
    108 |
    109 |
    110 |
    111 |
    112 |
    113 |

    © Copyright MyWebSite. Collect From 网页模板

    114 | 121 |
    122 |
    123 |
    124 |
    125 | 126 | 127 | -------------------------------------------------------------------------------- /views/archive.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 3 | 8 |
    9 |
    10 |

    11 |
    12 |
    13 |
    14 |
    15 |

    16 |
    17 |
    18 |
    19 |
    20 |
    21 |
    22 |
    23 |
    24 | 25 |
      26 | <% var lastYear = 0 %> 27 | <% posts.forEach(function (post, index) { %> 28 | <% if (lastYear != post.time.year) { %> 29 |

    • <%= post.time.year %>

      • 30 | <% lastYear=post.time.year } %> 31 |
      • 32 | 33 |
    • <%= post.title %>
      • 34 | <% }) %> 35 |
    36 |
    37 |
    38 |
    39 |
    40 |
    41 |
    42 |
    43 | 44 | 48 | 49 |
    50 | 51 | 52 | 53 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /views/article.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 13 |
    14 |
    15 |
    16 |
    17 |
    18 |
    19 | 20 |
    21 |
    22 |
    23 | 24 |

    <%- post.title %>

    25 |

    26 | <% if (user && (user.name == post.name)) { %> 27 | 编辑 28 | 删除 29 | <% } %> 30 |

    31 |

    32 | 作者：<%= post.name %> | 33 | 日期：<%= post.time.minute %> 34 | 标签： 35 | <% post.tags.forEach(function (tag, index) { %> 36 | <% if (tag) { %> 37 | <%= tag %> 38 | <% } %> 39 | <% }) %> 40 |

    41 |

    <%- post.post %>

    42 | <%- include comment %> 43 |
    44 |
    45 |
    46 |
    47 | 48 | 49 | 50 | 51 | 52 | 53 |
    54 | 55 | 56 | 57 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /views/blog.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | Atomic_www.cssmoban.com模板之家 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 | 20 |
    21 |
    22 |
    23 | 30 |
    31 |
    32 | 33 |
    34 |
    35 |
    36 | 37 |
    38 |
    39 |
    40 |
    41 |

    A Blog Entry

    42 |

    Posted by Owner  •  Filed under templates, internet

    43 |

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.

    44 |

    Tagged: orci, lectus, varius, turpis

    45 |

    Comments (3)  •  May 27, 2010  •  Edit

    46 |
    47 |
    48 |

    3 Responses

    49 |
    50 | user 51 |

    admin Says:
    April 20th, 2009 at 2:17 pm

    52 |

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.

    53 |
    54 |
    55 | user 56 |

    Owner Says:
    April 20th, 2009 at 3:21 pm

    57 |

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.

    58 |
    59 |
    60 | user 61 |

    admin Says:
    April 20th, 2009 at 2:17 pm

    62 |

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.

    63 |
    64 |
    65 |
    66 |

    Leave a Reply

    67 |
    68 |
    1. 69 | 70 | 71 |
    2. 72 | 73 | 74 |
    3. 75 | 76 | 77 |
    4. 78 | 79 | 80 |
    5. 81 | 82 |
      83 |
    84 |
    85 |
    86 |
    87 |
    88 |
    89 |
    90 | 91 | 92 |
    93 |
    94 |
    95 |

    Sidebar Menu

    96 | 104 |
    105 |
    106 |

    Sponsors

    107 | 115 |
    116 |
    117 |
    118 |
    119 |
    120 | 121 |
    122 |
    123 |
    124 |

    Image Gallery

    125 | pix 126 | pix 127 | pix 128 | pix 129 | pix 130 | pix 131 |
    132 |
    133 |

    Lorem Ipsum

    134 |

    Lorem ipsum dolor
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

    135 |
    136 |
    137 |

    Contact

    138 |

    Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.

    139 |

    support@yoursite.com

    140 |

    +1 (123) 444-5677
    +1 (123) 444-5678

    141 |

    Address: 123 TemplateAccess Rd1

    142 |
    143 |
    144 |
    145 |
    146 |
    147 |
    148 |

    © Copyright MyWebSite. Collect From 网页模板

    149 | 156 |
    157 |
    158 |
    159 |
    160 | 161 | 162 | -------------------------------------------------------------------------------- /views/comment.ejs: -------------------------------------------------------------------------------- 1 |
    2 | <% post.comments.forEach(function (comment, index) { %> 3 |

    <%= comment.name %> 4 | 回复于 <%= comment.time %>

    5 |

    <%- comment.content %>

    6 | <% }) %> 7 | 8 |
    9 |
    10 |
    11 |
    12 |
    13 | <% if (user) { %> 14 | 姓名：
    15 | 邮箱：
    16 | 网址：
    17 | <% } else { %> 18 | 姓名：
    19 | 邮箱：
    20 | 网址：
    21 | <% } %> 22 |
    23 |
    24 |
    25 |
    26 | 27 |
    28 |
    29 |
    30 |
    31 |
    -------------------------------------------------------------------------------- /views/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | Atomic_www.cssmoban.com模板之家 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 | 20 |
    21 |
    22 |
    23 | 30 |
    31 |
    32 | 33 |
    34 |
    35 |
    36 | 37 |
    38 |
    39 |
    40 |
    41 |

    Contact

    42 |

    You can find more of my free template designs at my website. For premium commercial designs, you can check out DreamTemplate.com.

    43 |
    44 |
    45 |

    Send us mail

    46 |
    47 |
    1. 48 | 49 | 50 |
    2. 51 | 52 | 53 |
    3. 54 | 55 | 56 |
    4. 57 | 58 | 59 |
    5. 60 | 61 |
      62 |
    63 |
    64 |
    65 |
    66 |
    67 |
    68 |
    69 | 70 | 71 |
    72 |
    73 |
    74 |

    Sidebar Menu

    75 | 83 |
    84 |
    85 |

    Sponsors

    86 | 94 |
    95 |
    96 |
    97 |
    98 |
    99 | 100 |
    101 |
    102 |
    103 |

    Image Gallery

    104 | pix 105 | pix 106 | pix 107 | pix 108 | pix 109 | pix 110 |
    111 |
    112 |

    Lorem Ipsum

    113 |

    Lorem ipsum dolor
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

    114 |
    115 |
    116 |

    Contact

    117 |

    Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.

    118 |

    support@yoursite.com

    119 |

    +1 (123) 444-5677
    +1 (123) 444-5678

    120 |

    Address: 123 TemplateAccess Rd1

    121 |
    122 |
    123 |
    124 |
    125 |
    126 |
    127 |

    © Copyright MyWebSite. Collect From 网页模板

    128 | 135 |
    136 |
    137 |
    138 |
    139 | 140 | 141 | -------------------------------------------------------------------------------- /views/edit.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 3 | 21 |
    22 |
    23 |

    24 |
    25 |
    26 |
    27 |
    28 |

    29 |
    30 |
    31 |
    32 |
    33 |
    34 | 35 |
    36 | 标题：
    37 |
    38 | 标签：
    39 | 40 | 41 |
    42 | 正文：
    43 |
    44 | 45 |
    46 |
    47 |
    48 |
    49 |
    50 | 51 | 55 | 56 |
    57 | 58 | 59 | 60 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /views/error.ejs: -------------------------------------------------------------------------------- 1 |

    <%= message %>

    2 |

    <%= error.status %>

    3 | 
    <%= error.stack %>
    4 | -------------------------------------------------------------------------------- /views/footer.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /views/index.ejs: -------------------------------------------------------------------------------- 1 | <%- include header %> 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | <% posts.forEach(function (post, index) { %> 20 |

    21 |

    22 | 23 | <%= post.title %> 24 | 25 |

    26 | 27 |

    28 |

    29 | 作者：<%= post.name %> | 30 | 日期：<%= post.time.minute %> 31 |

    32 | 33 | <%if (post.post.length > 300) { 34 | post.post = post.post.substring(0,300); 35 | post.post = post.post + ' ...'; 36 | }%> 37 | <%- post.post %> 38 | <% }) %> 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | <%- include paging %> 51 | <%- include footer %> -------------------------------------------------------------------------------- /views/index_blog.ejs: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 我的博客 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | <% posts.forEach(function (post, index) { %> 19 |

    20 |

    21 | 22 | <%= post.title %> 23 | 24 |

    25 |

    26 |

    27 | 作者：<%= post.name %> | 28 | 日期：<%= post.time.minute %> 29 |

    30 |

    <%- post.post %>

    31 | <% }) %> 32 | 33 | 34 |
    35 |
    36 |
    37 |
    38 | 45 |
    46 |
    47 | 50 |
    51 |
    52 |
    53 | 54 |
    55 |
    56 |
    57 |
    58 |

    sep 11, 2018 Posted by Owner  |  Filed under templates, internet, with 11 Comments

    59 |

    Template License

    60 | image 61 | <% posts.forEach(function (post, index) { %> 62 |

    63 |

    64 | 65 | <%= post.title %> 66 | 67 |

    68 |

    69 |

    70 | 作者：<%= post.name %> | 71 | 日期：<%= post.time.minute %> 72 |

    73 | <%- post.post %> 74 | <% }) %> 75 | This is a free CSS website collect from 模板之家. 76 |

    Read more »

    77 |
    78 |
    79 |

    aug 29, 2010 Posted by Owner  |  Filed under templates, internet, with 7 Comments

    80 |

    Future technology

    81 | image 82 |

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.

    83 |

    Read more »

    84 |
    85 |

    Page 1 of 2     1 2 »

    86 |
    87 |
    88 |
    89 |
    90 | 91 | 92 |
    93 |
    94 |
    95 |

    Sidebar Menu

    96 | 104 |
    105 |
    106 |

    Sponsors

    107 | 115 |
    116 |
    117 |
    118 |
    119 |
    120 | 121 |
    122 |
    123 |
    124 |

    Image Gallery

    125 | pix 126 | pix 127 | pix 128 | pix 129 | pix 130 | pix 131 |
    132 |
    133 |

    Lorem Ipsum

    134 |

    Lorem ipsum dolor
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

    135 |
    136 |
    137 |

    Contact

    138 |

    Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.

    139 |

    support@yoursite.com

    140 |

    +1 (123) 444-5677
    +1 (123) 444-5678

    141 |

    Address: 123 TemplateAccess Rd1

    142 |
    143 |
    144 |
    145 |
    146 |
    147 |
    148 |

    © Copyright MyWebSite. Collect From 网页模板

    149 | 156 |
    157 |
    158 |
    159 |
    160 | 161 | 162 | -------------------------------------------------------------------------------- /views/login.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 |
    3 |
    4 |

    5 |
    6 |
    7 |
    8 |
    9 |

    10 |
    11 |
    12 |
    13 |
    14 |
    15 |
    16 |
    17 |
    18 | 19 |
    20 | 21 | 22 | 23 | 24 | 25 | 26 | 29 | 30 |
    31 |
    32 |
    33 |
    34 |
    35 |
    36 |
    37 |
    38 | 39 | 43 | 44 |
    45 | 46 | 47 | 48 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /views/news.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 20 |
    21 |
    22 |

    23 |
    24 |
    25 |
    26 |
    27 |

    28 |
    29 |
    30 |
    31 |
    32 |
    33 | 34 | <% posts.forEach(function (post, index) { %> 35 |

    36 |

    37 | 38 | <%= post.title %> 39 | 40 |

    41 | 42 |

    43 |

    44 | 作者：<%= post.name %> | 45 | 日期：<%= post.time.minute %> 46 | 标签： 47 | <% post.tags.forEach(function (tag, index) { %> 48 | <% if (tag) { %> 49 | <%= tag %> 50 | <% } %> 51 | <% }) %> 52 |

    53 | 54 | <%if (post.post.length > 300) { 55 | post.post = post.post.substring(0,300); 56 | post.post = post.post + ' ...'; 57 | 58 | }%> 59 | <%- post.post %> 60 |

    View details »

    61 | <% }) %> 62 | <%- include paging %> 63 |
    64 |
    65 |
    66 |
    67 | 68 | 72 | 73 |
    74 | 75 | 76 | 77 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /views/paging.ejs: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | <% if (!isFirstPage) { %> 4 | 5 | 8 | <% } %> 9 | 10 | <% if (!isLastPage) { %> 11 | 12 | 15 | <% } %> 16 | 17 |
    -------------------------------------------------------------------------------- /views/post.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 20 |
    21 |
    22 |

    23 |
    24 |
    25 |
    26 |
    27 |

    28 |
    29 |
    30 |
    31 |
    32 |
    33 | 34 | 35 |
    36 | 标题：
    37 | 38 |
    39 | 标签：
    40 |
    41 | 正文：
    42 | 43 |
    44 | 45 |
    46 |
    47 |
    48 |
    49 |
    50 | 51 | 55 | 56 |
    57 | 58 | 59 | 60 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /views/reg.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 |
    3 |
    4 |

    5 |
    6 |
    7 |
    8 |
    9 |

    10 |
    11 |
    12 |
    13 |
    14 |
    15 |
    16 |
    17 |
    18 | 19 |
    20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 |
    34 |
    35 |
    36 |
    37 |
    38 |
    39 |
    40 |
    41 | 42 | 46 | 47 |
    48 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /views/review.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 20 |
    21 |
    22 |

    23 |
    24 |
    25 |
    26 |
    27 |

    28 |
    29 |
    30 |
    31 |
    32 |
    33 | 34 | <% posts.forEach(function (post, index) { %> 35 |

    36 |

    37 | 38 | <%= post.title %> 39 | 40 |

    41 | 42 |

    43 |

    44 | 作者：<%= post.name %> | 45 | 日期：<%= post.time.minute %> 46 | 标签： 47 | <% post.tags.forEach(function (tag, index) { %> 48 | <% if (tag) { %> 49 | <%= tag %> 50 | <% } %> 51 | <% }) %> 52 |

    53 | 54 | <%if (post.post.length > 300) { 55 | post.post = post.post.substring(0,300); 56 | post.post = post.post + ' ...'; 57 | 58 | }%> 59 | <%- post.post %> 60 |

    View details »

    61 | <% }) %> 62 | <%- include paging %> 63 |
    64 |
    65 |
    66 |
    67 | 68 | 72 | 73 |
    74 | 75 | 76 | 77 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /views/roles.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 20 |
    21 |
    22 |

    23 |
    24 |
    25 |
    26 |
    27 |

    28 |
    29 |
    30 |
    31 |
    32 |
    33 | 34 | 35 | 36 | 39 | 42 | 45 | 48 | 51 | 54 | 57 | 60 | 63 | 64 | 65 | 66 | 67 | 70 | 73 | 76 | 79 | 82 | 85 | 88 | 91 | 94 | 95 | 96 | 97 | 100 | 103 | 106 | 109 | 112 | 115 | 118 | 121 | 124 | 125 | 126 | 127 | 128 | 131 | 134 | 137 | 140 | 143 | 146 | 149 | 152 | 155 | 156 | 157 | 158 | 161 | 164 | 167 | 170 | 173 | 176 | 179 | 182 | 185 | 186 | 187 | 188 | 191 | 194 | 197 | 200 | 203 | 206 | 209 | 212 | 215 | 216 | 217 | 218 | 219 | 222 | 225 | 228 | 231 | 234 | 237 | 240 | 243 | 246 | 247 | 248 | 249 |
    37 | 登场 38 | 40 | 姓名 41 | 43 | 身份 44 | 46 | S1 47 | 49 | S2 50 | 52 | S3 53 | 55 | S4 56 | 58 | S5 59 | 61 | S6 62 |
    68 | S1 69 | 71 | 瑞克 72 | 74 | 乔治州保安官代理。 75 | 77 | 生存 78 | 80 | 生存 81 | 83 | 生存 84 | 86 | 生存 87 | 89 | 生存 90 | 92 | 生存 93 |
    98 | S1 99 | 101 | 卡尔 102 | 104 | 瑞克和罗丽的儿子，12岁。 105 | 107 | 生存 108 | 110 | 生存 111 | 113 | 死亡 114 | 116 | ---- 117 | 119 | ---- 120 | 122 | ---- 123 |
    129 | S1 130 | 132 | 朱迪斯 133 | 135 | 瑞克和罗丽的女儿，0岁。 136 | 138 | ---- 139 | 141 | ---- 142 | 144 | 生存 145 | 147 | 生存 148 | 150 | 生存 151 | 153 | 生存 154 |
    159 | S1 160 | 162 | 肖恩 163 | 165 | 瑞克的同事兼好友。 166 | 168 | 生存 169 | 171 | 死亡 172 | 174 | ---- 175 | 177 | ---- 178 | 180 | ---- 181 | 183 | ---- 184 |
    189 | S1 190 | 192 | 格伦 193 | 195 | 韩国系美国青年。。 196 | 198 | 生存 199 | 201 | 生存 202 | 204 | 生存 205 | 207 | 生存 208 | 210 | 生存 211 | 213 | 生存 214 |
    220 | S1 221 | 223 | 达利尔 224 | 226 | 弩哥。 227 | 229 | 生存 230 | 232 | 生存 233 | 235 | 生存 236 | 238 | 生存 239 | 241 | 生存 242 | 244 | 生存 245 |
    250 |
    251 | 252 | <% posts.forEach(function (post, index) { %> 253 |

    254 |

    255 | 256 | <%= post.title %> 257 | 258 |

    259 | 260 |

    261 |

    262 | 作者：<%= post.name %> | 263 | 日期：<%= post.time.minute %> 264 | 标签： 265 | <% post.tags.forEach(function (tag, index) { %> 266 | <% if (tag) { %> 267 | <%= tag %> 268 | <% } %> 269 | <% }) %> 270 |

    271 | 272 | <%if (post.post.length > 300) { 273 | post.post = post.post.substring(0,300); 274 | post.post = post.post + ' ...'; 275 | 276 | }%> 277 | <%- post.post %> 278 |

    View details »

    279 | <% }) %> 280 | <%- include paging %> 281 | 282 |
    283 |
    284 |
    285 |
    286 | 287 | 291 | 292 |
    293 | 294 | 295 | 296 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 320 | 321 | 322 | -------------------------------------------------------------------------------- /views/support.html: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | Atomic_www.cssmoban.com模板之家 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 | 20 |
    21 |
    22 |
    23 | 30 |
    31 |
    32 | 33 |
    34 |
    35 |
    36 | 37 |
    38 |
    39 |
    40 |
    41 |

    Support to Company Name

    42 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nulla ligula, blandit ultricies aliquet ac, lobortis in massa. Nunc dolor sem, tincidunt vitae viverra in, egestas sed lacus. Etiam in ullamcorper felis. Nulla cursus feugiat leo, ut dictum metus semper a. Vivamus euismod, arcu gravida sollicitudin vestibulum, quam sem tempus quam, quis ullamcorper erat nunc in massa. Donec aliquet ante non diam sollicitudin quis auctor velit sodales. Morbi neque est, posuere at fringilla non, mollis nec nibh. Sed commodo tortor nec sem tincidunt mattis. Nam convallis aliquam nibh eu luctus. Nunc vel tincidunt lacus. Suspendisse sit amet pulvinar ante.

    43 |

    Phasellus diam justo, laoreet vel vulputate eu, congue vel est. Maecenas eros libero, sollicitudin a vulputate fermentum, ultrices vel lacus. Nam in metus non augue fermentum consequat ultrices ac enim. Integer aliquam urna non diam aliquam eget hendrerit sem molestie.

    44 |

    Lorem ipsum dolor sit amet

    45 |

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.

    46 | 54 |
    55 |
    56 |
    57 |
    58 |
    59 | 60 | 61 |
    62 |
    63 |
    64 |

    Sidebar Menu

    65 | 73 |
    74 |
    75 |

    Sponsors

    76 | 84 |
    85 |
    86 |
    87 |
    88 |
    89 | 90 |
    91 |
    92 |
    93 |

    Image Gallery

    94 | pix 95 | pix 96 | pix 97 | pix 98 | pix 99 | pix 100 |
    101 |
    102 |

    Lorem Ipsum

    103 |

    Lorem ipsum dolor
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

    104 |
    105 |
    106 |

    Contact

    107 |

    Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.

    108 |

    support@yoursite.com

    109 |

    +1 (123) 444-5677
    +1 (123) 444-5678

    110 |

    Address: 123 TemplateAccess Rd1

    111 |
    112 |
    113 |
    114 |
    115 |
    116 |
    117 |

    © Copyright MyWebSite. Collect From 网页模板

    118 | 125 |
    126 |
    127 |
    128 |
    129 | 130 | 131 | -------------------------------------------------------------------------------- /views/tag.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 20 |
    21 |
    22 |

    23 |
    24 |
    25 |
    26 |
    27 |

    28 |
    29 |
    30 |
    31 |
    32 |
    33 |
      34 | <% var lastYear = 0 %> 35 | <% posts.forEach(function (post, index) { %> 36 | <% if (lastYear != post.time.year) { %> 37 |

    • <%= post.time.year %>

      • 38 | <% lastYear = post.time.year } %> 39 |
      • 40 |
    • <%= post.title %>
      • 41 | <% }) %> 42 |
    43 |
    44 |
    45 |
    46 |
    47 | 48 | 52 | 53 |
    54 | 55 | 56 | 57 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /views/tags.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 3 |
    4 |
    5 |

    6 |
    7 |
    8 |
    9 |
    10 |

    11 |
    12 |
    13 |
    14 |
    15 |
    16 | <% posts.forEach(function (tag, index) { %> 17 | <%= tag %> 18 | <% }) %> 19 |
    20 |
    21 |
    22 |
    23 | 24 | 28 | 29 |
    30 | 31 | 32 | 33 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /views/upload.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 | 11 |
    12 |
    13 |

    14 |
    15 |
    16 |
    17 |
    18 |

    19 |
    20 |
    21 |
    22 |
    23 |
    24 | 25 |
    26 |
    27 | 28 |
    29 |
    30 |
    31 |
    32 |
    33 | 34 | 38 | 39 |
    40 | 41 | 42 | 43 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /views/user.ejs: -------------------------------------------------------------------------------- 1 | <%- include header %> 2 | 6 | <% posts.forEach(function (post, index) { %> 7 |

    <%= post.title %>

    8 |

    9 | 作者：<%= post.name %> | 10 | 日期：<%= post.time.minute %> 11 | 标签： 12 | <% post.tags.forEach(function (tag, index) { %> 13 | <% if (tag) { %> 14 | <%= tag %> 15 | <% } %> 16 | <% }) %> 17 |

    18 |

    <%- post.post %>

    19 | <% }) %> 20 | <%- include paging.ejs%> 21 | <%- include footer %> 22 | 23 | -------------------------------------------------------------------------------- /views/user_carousel.ejs: -------------------------------------------------------------------------------- 1 | <%- include header_carousel.ejs %> 2 |
    3 |
    4 |
    5 |
    6 |
    7 | 8 |
    9 |
    10 |
    11 |
    12 |
    13 |

    <%= title %>

    14 |
    15 |
    16 | <% if (success) { %> 17 |
    <%= success %>
    18 | <% } %> 19 | <% if (error) { %> 20 |
    <%= error %>
    21 | <% } %> 22 |
    23 | <% posts.forEach(function (post, index) { %> 24 |

    <%= post.title %>

    25 | 26 |

    27 | 作者：<%= post.name %> | 28 | 日期：<%= post.time.minute %> 29 |

    30 | <%if (post.post.length > 300) { 31 | post.post = post.post.substring(0,300); 32 | post.post = post.post + ' ...'; 33 | 34 | }%> 35 |

    <%- post.post %>

    36 | <% }) %> 37 |
    38 |
    39 |
    40 |
    41 |
    42 | <%- include paging.ejs%> 43 | 44 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | --------------------------------------------------------------------------------