无法将引导加载到nodejs

我对nodejs和bootstrap很新,但是我只想build立一个简单的个人网站,所以我得到了一些教程。

我下载了bootstrap 2.0.2并解压缩。

我把bootstrap和bootstrap响应到我的项目的样式表文件夹,并将bootstrap.js和jquery.js放到我的项目的javascripts文件夹中。然后我按照指令更改index.jade和layout.jade,如下所示:

**layout jade:** $<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title><%= title %> - Microblog</title> <link rel='stylesheet' href='/stylesheets/bootstrap.css' /> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } </style> <link href="stylesheets/bootstrap-responsive.css" rel="stylesheet"> </head> </html>$ **index.jade <div class="hero-unit"> <h1>欢迎来到 Microblog</h1> <p>Microblog 是一个基于 Node.js 的微博系统。</p> <p> <a class="btn btn-primary btn-large" href="/login">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)、命令行简繁转换工具、人工校对工具、词典生成程序、 在线转换服务及graphics用户界面。</p> </div> <div class="span4"> <h2>佛振 说</h2> <p>中州韵input法引擎 / Rime Input Method Engine 取意历史上通行的中州韵, 愿写就一部汇集音韵学智慧的input法经典之作。 项目网站设在 http://code.google.com/p/rimeime/ 创造应用价值是一方面,更要坚持对好技术的追求,希望能写出灵动而易于扩展的代码, 使其成为一款个性十足的开源input法。</p> </div> </div>** 

然而,这个布局看起来不像预期的那样,有谁能告诉我什么是错的,因为这是基本步骤,我只是被困住了,不知如何前进。 谢谢!

  1. 你的布局和索引实际上并不符合Jade标记语言。
  2. 我没有看到你在layout.jade或index.jade中链接jQuery.js和bootstrap.js的地方。

我希望有类似的东西

 !!! 5 html head title #{meta.title} - #{meta.author} link(rel="stylesheet", href="/twitter/bootstrap.css") script(type="text/javascript", src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js") script(type="text/javascript", src="/scripts/bootstrap.min.js") ... 

那么你的HTML是不是在翡翠的语法 – 粘贴在这里,看到: http : //html2jade.com

这里有一些文档: http : //jade-lang.com

如果您刚刚开始使用Express,则还有其他可用的模板,包括构build的Hogan(尽pipe在初始化新项目时必须指定它)。 Hogan更像“html like”