爱前端

博客诞生记三:生成文章列表

上两篇文章简单介绍了博客的系统以及服务器的搭建,这篇文章开始讲一下博客的目录系统。

博客目录

我的博客目前的目录是这个样子的

博客目录结构

这是一个简单的目录结构,分为一下几个部分

  • 1、data目录:现在的博客是一个静态博客,这里面存放的是博客的文章的文件,以及读取模版的后端代码,稍后会贴出代码部分。由于使用的是 markdown 的展现模式,这里也存放了很多的 md 文件。
  • 2、node_modules目录:这里存放的是一些系统文件,使用npm安装包的时候,文件会自动生成到这里,现在你看到的这个博客依赖的npm包分别有:express(主要用了它的路由功能),marked(用来将.md文件转为html展示),pygmentize-bundled(marked依赖的一个包),q(nodejs界十分出名的解决异步的模块),swig(简单易用的模版引擎),underscore(好用的js库)
  • 3、static 目录:顾名思义,这里放置的是一些静态文件,包括样式表、字体、js文件、图片文件,另外还有一个文件夹(md-images)里面放置的是markdown格式的文档里面的静态图片,再有就是一些测试的demo的静态但页面。
  • 4、view 目录:这里放置的就是我们的页面,page文件下是各个栏目下面的页面。demo文件夹里面同样是一些静态的但页面文件。

  • 5、除了这几个文件夹意外,还有两个单独的js文件,port.js 是指定node运行的端口号,服务器端的port文件里面指定了端口号为80端口,占用默认的端口号。index.js 则规定了页面的路由功能。

这样看起来是不是很简单,其实也没多复杂嘛~

形成该目录的初衷

nodejs 从发布以来,就受到了一大波前端工程师的厚爱,有了它,写后台对前端来说,几乎没有太多的学习成本,而且模块化的开发模式也更人性化,so 基于自己的理解和认识,便弄出来现在你看到的这个博客,当然还有很多不成熟的地方,各种问题希望与你分享。