Page 112 - Node.js开发指南
P. 112
5.5 建立微博网站 105
其中所有的 JavaScript 和 CSS 文件都提供了开发版和产品版，前者是原始的代码，后者 1
经过压缩，文件名中带有 min。将 img 目录复制到工程 public 目录下，将 bootstrap.css、
bootstrap-responsive.css 复制到 public/stylesheets 中，将 bootstrap.js 复制到 public/javascripts 目
录中，然后从http://jquery.com/下载一份最新版的 jquery.js 也放入 public/javascripts 目录中。
2
接下来，修改 views/layout.ejs：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
3
<head>
<title><%= title %> - Microblog</title>
<link rel='stylesheet' href='/stylesheets/bootstrap.css' />
<style type="text/css">
body {
padding-top: 60px; 4
padding-bottom: 40px;
}
</style>
<link href="stylesheets/bootstrap-responsive.css" rel="stylesheet">
5
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner"> 6
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
7
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">Microblog</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="/">首页</a></li> 8
<li><a href="/login">登入</a></li>
<li><a href="/reg">注册</a></li>
</ul>
</div>
9
</div>
</div>
</div>
<div id="container" class="container">
<%- body %> 10
