用node.js建博客(三) - 用markdown写静态博客

如果是第一次看到本篇,你可能需要看前面两篇:

 

 

  1. 用node.js建博客(一) - node.js安装及Express框架简介
  2. 用node.js建博客(二) - 构建第一个markdown页面

如果你已经对node.js,express,或者markdown语法很熟悉,那么可以继续看如下内容。

 

 

上篇中,我为express添加了markdown支持,在render时,可以渲染*.md格式文件。

思路

 

  1. 将所有markdown文件(即:*.md文件),统一放到views/blogs目录下
  2. 将/blogs/*.html的url, 映射到markdown文件
  3. 在首页index.jade中,添加文章的链接

 

Let's do it (4步)

1. 在app.js中添加url处理代码:

 

app.get('/blogs/:title.html', function(req, res, next) {
    var path = [
        'blogs/',
        req.params.title, '.md'
    ].join('');
    
    console.log(path)
    res.render(path, {layout: false});
})

 

 在上篇中,已经提到过如何让express支持markdown:

 

app.register('.md', {
  compile: function(str, options){
    var html = markdown.makeHtml(str);
    return function(locals){
      return html.replace(/\{([^}]+)\}/g, function(_, name){
        return locals[name];
      });
    };
  }
});

 

 

2. 在views/blogs文件夹中添加*.md文件:

views/blogs/monitor_doc.md

 

monitor 项目说明
==============

部署环境
----    
----
1. JDK:	1.6_x 最好采用最新版本的JDK
2. Tomcat: 6.x	请不要使用tomcat5.5的安装版
3. 数据库:	支持SQL Server和Oracle, 如果需要切换数据库请看后面部分: _更换数据库环境_
	+ __SQLServer__:	修改oracleDriver_mssql2005.properties 中的配置
	+ __Oracle__:	修改oracleDriver.properties 中的配置 

 

  这个文件是我为测试/实施写得项目部署说明,截取了一段

 

3. views/index.jade中添加链接:

 

h1= title
p Welcome to #{title}
ul
    li
        a(href='/markdown') Markdown Demo page
    li
        a(href='/blogs/first.html') My First markdown blog
    li
        a(href='/blogs/monitor_doc.html') Monitor项目说明

 

4. 上传应用:

$ vmc login

  $ vmc update nodeblog --path ./

 

http://nodeblog.cloudfoundry.com/

看一下结果:

1. 首页

2. monitor_doc.md

 

这么简单!!!why?

对,是这么简单。在建这个博客的时候,我不想因为技术方面的问题分心,坚持keep simple原则,一步一步迭代,最总构建一个功能全面的动态blog

 

 

What next???

还没完,我还没添加错误处理,单元测试一行都没写。接下来开始如下工作:

 

  1. 添加404, 500等错误处理
  2. 采用Expresso/Vows,为blog添加单元测试.
  3. 采用CIJoe进行持续构建

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Liblog已更新至V1.2.1版本,源码下载地址:https://github.com/livisky/liblog/archive/1.2.1.tar.gz Liblog最新教程已收录在w3cschool(http://www.w3cschool.cn/liblog/) ,欢迎评论和支持! 一.简介 Liblog是一个简单易用的Markdown博客系统,它是基于开源框架thinkJS(使用 ES6/7 特性开发 Node.js 框架)开发的nodejs项目 需要mysql数据库支持,具有管理后台功能,更新博客分为普通文章和markdown文章,markdown文章只需要导入你好的Markdown文件即可。它摆脱了在线编辑器排版困难,无法实时预览的缺点,一切都交给Markdown来完成,一篇博客就是一个Markdown文件。同时也支持评论,代码高亮,分类,标签云,留言板、友情链接、系统设置等常用功能。Liblog提供了不同的主题样式,你可以根据自己的喜好配置,如果你想自己制作博客主题,也是非常容易的。Liblog还支持整站静态网页生成,同时有发布相关的配置,使用nginx做反向代理,动静态资源分离,静态缓存等,使您发布后的博客访问秒开。 二.功能特点 一键导入Markdown文章 文章评论 代码高亮 文章内容分页 系统主题设置 响应式布局,支持手机端访问 良好的SEO 登录/注册/个人中心/个人设置 小型bbs,讨论社区 支持cms标签循环 完善的后台及权限控制 .安装及其他介绍 安装教程:http://www.jsout.com/page/423.html 前台登录:admin@jsout.com 123456 后台登录:admin 123456 安装Liblog之前,请star并fork项目给作者以鼓励。 如果你认可并支持Liblog,还可通过扫描二维码捐赠Liblog(http://www.jsout.com/donate.html) 四.最新版本Liblogv1.2.1更新 【后台管理】添加友情链接管理 1)友情链接增加独立管理菜单,增加审核、排序、隐藏功能 2)友情链接增删查改 3)系统设置-常规设置的友情链接设置项删除 【后台管理】后台主题设置优化,修复设置错误后台打不开的bug 【个人中心】修复个性签名设置bug,积分算法bug修复-forlong401 【后台管理】添加社区标签管理功能-forlong401 【后台管理】添加后台文章标签排序功能 【个人中心】积分排名榜修复,添加缓存 【后台管理】完善导航管理(新窗口打开、排序等)-斯迈欧 【后台管理】添加系统logo设置-斯迈欧 修复部分已知bug 五.感谢 Liblog的成长需要各位亲们支持!感谢你们使用Liblog,感激你们对Liblog的良好议与Bug反馈。如果你的博客也是基于Liblog,请告知作者,无偿获取技术指导。 前端汇 http://www.jsout.com 维卡冲突世界 http://www.kixeyes.com Liblog QQ群:256687601 作者邮箱:262248861@qq.com 演示网站:https://www.jsout.com 六.更新日志 详见:https://github.com/livisky/liblog/wiki/updateLog 添加静态资源一键打包功能(html,css,javascript) gulp配置 添加开发和生产运行模式 七.运行程序请选择运行模式 //压缩html,css,js 并生成相应目录 npm run compress //运行开发模式,html,css,js均加载未压缩版本 npm run dev //运行生产模式,html,css,js均加载压缩版本 npm run app //首次运行/更新运行前请先编译项目 npm run compile //线上推荐用pm2来运行(先配置好pm2.json) pm2 start pm2.json 标签:liblog  markdown
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值