node+express搭建个人网站(2)

node+express搭建个人网站(1)这一节中成功启动了一个网站但还很简陋,仅仅打印了一个helloworld的网页

作为个人网站,我们当然想输出自己设计好的网页,

我们借助

Express 应用生成器

生成一个网站的雏形

我一般使用ejs模板,所有使用的时候

express myapp -e

生成文件目录

├── app.js
├── bin
│   └── www   // 启动文件
├── package.json
├── public  // 静态资源
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes  // 路由跳转文件
│   ├── index.js
│   └── users.js
└── views  // 视图文件
    ├── error.ejs
    └── index.ejs

启动

cd myapp 
npm install
set DEBUG=myapp & npm start

 http://localhost:3000/

就能看到welcome to express 

我们可以在index.ejs中修改做成我们想要的页面样式

当然想顺畅的生成我们想要的网站还需要了解

利用 Express 托管静态文件

http://www.expressjs.com.cn/starter/static-files.html

规定引用资源的存取位置,如css js 图片等

一个简单的 Express 路由

http://www.expressjs.com.cn/starter/basic-routing.html

用于创建简单的地址跳转

猜你喜欢

转载自www.cnblogs.com/yang-C-J/p/8907432.html