手把手教你用express搭建个人博客

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手把手教你用express搭建个人博客相关的知识,希望对你有一定的参考价值。

新手入门指引,如果你很熟悉express的用法那么就可以跳过教程到底部,到github看下源码

1.首先需要安装node环境,版本最新比较好,最低4.0+吧

   我本地的node环境是6.4:

 技术分享 

 

2.express中文官网:http://www.expressjs.com.cn/,在这里大家可以学习完整的express框架

 

3.到官网可以学一些express的基础用法,初始化一个项目seed可以使用express生成器

npm install express-generator -g

技术分享

 

 

4.接下来用生成器初始化一个项目

express tieba-node,我的项目叫做tieba-nonde,可以任意起name

技术分享

 

5.进入项目目录 ,执行npm install 安装项目所需要的依赖,看到下图的情况说明依赖安装完成

技术分享

 

 

6.在项目目录下,执行npm start,运行项目,访问 http://127.0.0.1:3000即可看到效果,如果成功看到下图的效果,那么恭喜你,你已经成功了!!

技术分享

 

7.你已经学会的基本的express项目构建,接下来可以 访问https://github.com/zhentaoo/Coconut,学习完整的express blog 源码,

项目线上运行实例:http://www.zhentaoo.com/

技术分享

 

以上是关于手把手教你用express搭建个人博客的主要内容,如果未能解决你的问题,请参考以下文章

手把手教你用 VuePress 快速搭建个人技术博客~

还不会搭建个人博客?手把手教你用Wordpress搭建只属于你的世界~(肝帝写近万字多图详解,全网最详细,建议收藏! ❤️)

手把手教你从零开始搭建个人博客,20 分钟上手

手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站

手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站

手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站