首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法将引导程序加载到nodejs

无法将引导程序加载到nodejs
EN

Stack Overflow用户
提问于 2014-01-17 03:37:07
回答 2查看 722关注 0票数 1

我是相当新的nodejs和引导,但我渴望建立一个简单的个人网站,所以我得到了一些教程。

我下载了引导程序2.0.2并解压缩它。

我将引导和引导-响应于我的项目的样式表文件夹,并将bootstrap.js和jquery.js放在jquery.js的project.And的javascripts文件夹中,我按照指令修改了index.jade和layout.jade,如下所示:

代码语言:javascript
复制
**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">登录</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>**

然而,布局似乎不像预期的那样,谁能告诉我是什么问题,因为这是基本的步骤,我只是被塞,不知道如何前进。谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-01-17 04:48:12

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

我希望像这样

代码语言:javascript
复制
!!! 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")
...
票数 1
EN

Stack Overflow用户

发布于 2014-01-17 04:43:07

您的html不在Jade语法中-粘贴在这里,请参阅:http://html2jade.com

下面是一些文档:http://jade-lang.com

如果您刚刚开始使用Express,那么还有其他可用的模板,包括内置的Hogan (尽管在您输入一个新项目时必须指定它)。Hogan更像html。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21177368

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档