日期:2014-05-16  浏览次数:20513 次

用node.js建博客(二) - 构建第一个markdown页面

上面文章《NodeBlog(一) - node.js安装及Express框架简介》?中我已经做好了准备工作,接下来需要快速构建起第一篇博文,当然这个博文是基于markdown于语法。

Markdown语法的CheatsSheet附件有下载:

http://dl.iteye.com/topics/download/2cca1dea-14a2-35d5-bb05-78e03a87b437

?

1. 为项目添加markdown-js依赖,加入markdown解析能力:

express 并不直接支持markdown语法,需要为项目添加markdown-js模块的依赖.

我们先回顾一下express项目结构:

?

Express 目录结构 t-1
目录/文件 说明
./ ?根目录,我们的node.js代码都会方这个目录
?package.json ? npm依赖配置文件, 类似ruby中的Gemfile, java Maven中的pom.xml文件. 一会需要在这里添加 markdown-js 项目依赖
?app.js ?项目的入口文件

?public/

javascript/

stylesheets/

images/

?存放静态资源文件, jquery/prettify.js等静态库会方这里,当然自己编写的前端代码也可以放这里
?views/ ? 模板文件, express默认采用jade, 当然,你也可以使用自己喜欢的haml,JES, coffeeKup, jQueryTemplate等模板引擎
?node_modules/ ?存放npm安装到本地依赖包,依赖包在package.json文件中声明,使用npm install指令安装








这里我们要修改package.json文件,添加相关依赖:

原package.json文件

?

{
    "name": "application-name"
  , "version": "0.0.1"
  , "private": true
  , "dependencies": {
      "express": "2.4.6"
    , "jade": ">= 0.0.1"
  }
}

?

? 我们修改成:

?

{
    "name": "nodeblog"
  , "version": "0.0.1"
  , "private": true
  , "dependencies": {
      "express": "2.4.6"
    , "jade": ">= 0.0.1"
    , "markdown-js": ">= 0.0.1"
  }
}

?

? name 指定我们app的名称,

dependesies 中定义依赖库,这里添加了对markdown-js的依赖,

private 制定是否将程序发布到npm全局仓库中

?

使用npm安装依赖:

$ npm installl

?

控制台 写道

markdown-js@0.0.3 ./node_modules/markdown-js
└── test@0.4.1

?

此时在 ./node_modules 目录下会多出一个 mardown-js 目录

?

?

到这里,我们可以开始编码了, 当然需要选择一个合适的编辑器,

xVim:

gVim/MacVim, 需要自行配置插件, 下面个人推荐一些

  • NERDTree: http://www.vim.org/scripts/script.php?script_id=1658,?提供文件夹导航, eclipse中的project view
  • Snippets: http://www.vim.or