Page 113 - Node.js开发指南

106 第 5 章 使用 Node.js 进行 Web 开发

<hr />
<footer>
<p><a href="http://www.byvoid.com/" target="_blank">BYVoid</a> 2012</p>
</footer>
</div>
</body>
<script src="/javascripts/jquery.js"></script>
<script src="/javascripts/bootstrap.js"></script>
</html>
上面代码是使用 Bootstrap部件实现的一个简单页面框架，整个页面分为顶部工具栏、正
文和页脚三部分，其中正文和页脚包含在名为 container 的 div 标签中。
最后我们设计首页，修改 views/index.ejs：

<div class="hero-unit">
<h1>欢迎来到 Microblog</h1>
<p>Microblog 是一个基于 Node.js 的微博系统。</p>
<p>
<a class="btn btn-primary btn-large" href="/login">登录</a>
<a class="btn btn-large" href="/reg">立即注册</a>
</p>
</div>

<div class="row">
<div class="span4">
<h2>Carbo 说</h2>
<p>东风破早梅 向暖一枝开 冰雪无人见 春从天上来</p>
</div>
<div class="span4">
<h2>BYVoid 说</h2>
<p>
Open Chinese Convert（OpenCC）是一个开源的中文简繁转换项目，
致力于制作高质量的基于统计预料的简繁转换词库。
还提供函数库(libopencc)、命令行简繁转换工具、人工校对工具、词典生成程序、
在线转换服务及图形用户界面。</p>
</div>
<div class="span4">
<h2>佛振 说</h2>
<p>中州韵输入法引擎 / Rime Input Method Engine 取意历史上通行的中州韵，
愿写就一部汇集音韵学智慧的输入法经典之作。
项目网站设在 http://code.google.com/p/rimeime/
创造应用价值是一方面，更要坚持对好技术的追求，希望能写出灵动而易于扩展的代码，
使其成为一款个性十足的开源输入法。</p>
</div>
</div>