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

时间:2024-10-05 14:06:08

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

用于创建简单的地址跳转