nodejs环境 + 入门 + 博客搭建

Posted 2020-10-14 ✧*꧁一品堂.技术学习笔记꧂*✧.

注：本文转自：许雪里   的  《nodejs环境 + 入门 + 博客搭建》

一：知识点介绍

NodeJS：NodeJS是一个使用了Google高性能V8 引擎 的服务器端javascript实现。它提供了一个（几乎）完全非阻塞I/O栈，与JavaScript提供的闭包和匿名函数相结合，使之成为编写高吞吐 量网络服务程序的优秀平台。

NPM：全称是Node Package Manager，是一个NodeJS定制的包管理和分发工具，如node-mysql，已经成为了非官方的发布Node模块（包）的标准。

（npm类似maven，package.json类似pom.xml文件）

mongodb：非关系数据库（nosql）,缺点就是不适合数据一致性要求高的比如金融方面的开发。但是优点就快。

nodejs 本身不支持热更新，因为所有的js代码都被编译和缓存进内存

node和mongodb组合起来特别适合一个应用场景——速度快，处理量大的情况。

nodejs官网：https://nodejs.org/en/download/

nodejs社区：http://www.cnodejs.org

nodejs菜鸟教程：http://www.w3cschool.cc/nodejs/nodejs-tutorial.html

hexo博客：https://hexo.io/

ghost博客：https://ghost.org/

windows + node，环境搭建         

1、nodejs安装 (具体请参考：http://www.runoob.com/nodejs/nodejs-install-setup.html)

---

》下载node-v4.3.1-x64.msi，

开始安装nodejs，选择安装路径；安装包含：

    安装nodejs至指定目录：

---

步骤 1 : 双击下载后的安装包 v0.10.26，如下所示：

步骤 2 : 点击以上的Run(运行)，将出现如下界面：

步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :

步骤 4 : Node.js默认安装目录为 "C:\\Program Files\\nodejs\\" , 你可以修改目录，并点击 next（下一步）：

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）

步骤 6 :点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：

安装过程：

点击 Finish（完成）按钮退出安装向导。

检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：

---

    配置node环境变量：将node安装目录添加进PATH环境变量【环境变量作用：系统命令的搜索目录】

    集成安装NPM：将npm安装目录添加进PATH环境变量（全局安装的模块将安装在其中，公用环境变量，但公用时新增模块命令需要重启机器）

》校验：node -v和npm -v

2、npm安装 （参考教程：http://www.runoob.com/nodejs/nodejs-npm.html）

---

新版的nodejs已经集成了npm

NPM用法：

# npm install jade -g        // Jade 是一个高性能的模板引擎，它深受 Haml 影响，它是用 JavaScript 实现的，并且可以供 Node 使用。

# npm install mysql -g      // 用于链接mysql

# npm install express -g   // Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。

3、安装express

---

# npm install express -gd

# npm install express-generator  -gd

参数说明如下：

# npm uninstall express -g                     // 卸载

# npm install express -gd                      // 选项-g表示全局安装，目标模块将会被安装到NODE_PATH的lib里面（C:\\Users\\Administrator\\AppData\\Roaming\\npm）。-d选项表示一并安装依赖模块。没有-g选项的话会在当前目录（通常是项目目录）建立一个node_modules目录。

# npm install -g express@3.5.0              // 安装指定版本

# npm install express-generator  -gd     // express 4.0之后将命令工具分出来了 故还需安装express-generator

重启机器

# express -V                                        // 安装成功后，命令行会提示 npm info ok，查看版本，注意express -V中的V要大写,不然很多版本中会不识别

4、使用express 创建HelloWorld

---

使用express创建一个工程，新版本中命令发生了一些改变, 创建好project之后还需要用npm进行添加依赖和启动：

# express helloworld

# cd helloworld

# npm install        // 如若已有项目，可以从这一步开始

# npm start

然后新创建的helloworld就已经运行在3000端口上

访问 http://localhost:3000/ 就看到熟悉的页面了

express项目标准目录结构：

bin/

node_modules/        # 保存node.js的module扩展文件，如模板、数据库接口，可以根据package.json生成

public/                    # 静态资源

routes/                    # 存放了MVC概念中controller的处理部分，路由信息在app.js中予以定义，类似springmvc的controller

views/                     # 存放了MVC概念中view的部分，类似j2ee中的freemarker

app.js                     # Express应用程序的入口文件，存放的Express项目中最基本的配置信息，类似netty项目中main启动方法

package.json           # 描述npm包的信息，用于构建npm程序，和npm平台关联，类似maven的pom.xml文件

Tips：由于Express只是一个轻量级的Web框架，多数功能只是围绕HTTP协议中常用部分进行了封装，其中没有内置ORM，所以没有MVC概念中Model的部分，在实际项目中必须通过module来进行扩展。

centos + nodejs，源码方式安装           

---

1. 安装依赖包

# yum -y install gcc gcc-c++ openssl-devel

2. 下载源码包

# wget https://nodejs.org/dist/v4.3.1/node-v4.3.1.tar.gz

# tar -zvxf node-v4.3.1.tar.gz

# cd node-v4.3.1

3. 配置、编译、安装

# ./configure --prefix=/usr/local/node                 （centos6.5的gcc版本低于node4要求的4.8，升级centos7或者换二进制版本安装）

# make && make install

4. 配置nodejs环境

# vim /etc/profile

------

#set nodejs env

export NODE_HOME=/usr/local/node

export PATH=$NODE_HOME/bin:$PATH

export NODE_PATH=$NODE_HOME/lib/node_modules:$PATH

------

# source /etc/profile       #重启生效

5. 测试是否安装成功

# node -v

# npm -v

centos + nodejs，二进制文件方式安装（更绿色，推荐）           

---

1. 二进制文件安装

# yum -y install xz

# wget https://nodejs.org/dist/v4.3.1/node-v4.3.1-linux-x64.tar.xz

# tar -xvf node-v4.3.1-linux-x64.tar.xz

# mv node-v4.3.1-linux-x64 /usr/local/node

# cd /usr/local/node

# cd bin

# ./node -v

2. 配置nodejs环境

# vim /etc/profile

------

#set nodejs env

export NODE_HOME=/usr/local/node

export PATH=$NODE_HOME/bin:$PATH

export NODE_PATH=$NODE_HOME/lib/node_modules:$PATH

------

# source /etc/profile       #重启生效

3. 测试是否安装成功

# node -v

# npm -v

2、npm安装

---

同windows

3、安装express

---

同windows

4、使用express 创建HelloWorld

---

同windows

5、node后台运行（利用nohup）（node的forever命令启动也很方便）

---

# nohup node index.js > myLog.log 2>&1 &

# nohup npm start > myLog.log 2>&1 &
# ps -ef|grep node

# kill -9 2179
// halt -- reboot

npm国内镜像站，以及使用方法：

---

淘宝NPM镜像站：http://npm.taobao.org/

永久使用镜像命令： # npm config set registry https://registry.npm.taobao.org

临时使用镜像命令： # npm --registry "https://registry.npm.taobao.org" install 某一个包

源码实例                       

---

示例helloworld：

var http = require("http");

http.createServer(function(request, response) {
response.writeHead(200, {"Content-Type": "text/html"});
response.write("Hello World!");
response.end();
}).listen(8080);
console.log("Server running at http://localhost:8080/");

打开命令行，转到当前文件所存放的路径下，运行 node helloworld.js命令即可；

如果一切正常，可以看到命令行输出：Server running at http://localhost:8080/；

同时，在浏览器输入http://localhost:8080/，可以看到一个写着helloworld的网页。

聊天室示例：

....

hexo博客搭建：适合小型个人博客

---

原理》博客数据存储在md文件中；使用hexo命令新建md文件，编辑，发布，程序自动加载md文件生成博客站点；

hexo安装》详细教程查看官方文档，简单安装步骤如下

# npm install hexo-cli -g     （已经通过npm集成为通用包）

# hexo init blog

# cd blog

# npm install

# hexo generate        （静态化整站）

# hexo server            （启动server）

# hexo deploy        （配置git后，可同步到github）

主题安装》例如next主题

1.下载主题包解压： 前往github下载release主题包hexo-theme-next-0.4.5.2，解压在themes目录下

2. 修改项目配置：修改根目录下配置文件 _config.yml：找到默认主题【theme: landscape】修改为【theme: hexo-theme-next-0.4.5.2】即可；

3. 修改主题配置：按照next在github给定的主题文档（http://theme-next.iissnan.com/five-minutes-setup.html）自行定制；

ghost博客搭建：适合小型个人博客（依赖太多，ghost-0.7.8版本安装后体积达到200M+，且需要FQ或者切换国内镜像站才可以安装）

---

原理》博客数据存储在sqlite3数据库文件中（可修改为mysql）；图片存储在本地文件夹中；编辑器采用markdown；

安装》

    1. 官网下载源码包

    2. 安装：# npm install --production

    3. 启动：（详细安装查看官网文档 http://support.ghost.org/installation/）

        本地启动：# npm start

        服务器启动# npm start --production

    提示：Error: Cannot find module \'mime-db\'；解决：临时使用镜像命令，按照提示一个一个的安装墙内无妨访问的npm包

Ghost管理使用》

    1. 首次进入，注册管理员：访问 “http://localhost:2368/ghost”

    2. 博客Settings一般设置中，可修改博客标题，描述，Logo，每页pagesize，主题等；

    3. 在User设置可以对作者进行相应修改；

    4. 发布文章使用Markdown语法，基本语法比较简单，特别是当输入" ![]() "时，编辑器会出现图片上传框，可以拖动图片上传；

    5. 给Ghost博客设置SMTP只需要编辑：vim config.js，在production下的Mail中加入SMTP信息即可。

    6. Ghost博客后台去掉Google Fonts需要进入到：core/server/views/default.hbs和core/server/views/user-error.hbs，把里面的fonts.googleapis.com链接删除了。

    7. 默认的主题去掉Google Fonts需要进入到：content/themes/casper/default.hbs，把里面的fonts.googleapis.com链接删除了。

    8. Ghost博客备份与恢复。Ghost 博客的所有文章内容都是存储在 sqlite3 数据库中的，其位置是 /content/data/ghost.db。另外，所有上传的图片都放在了 /content/images/ 目录下。

    9. Ghost博客自带了一个备份与恢复的页面，地址是：域名/ghost/debug/。 点击 Export 按钮就可以将博客内容导出为 .json 文件，还有一个导入工具 Import ，可以将 .json 格式的备份内容导入Ghost 系统。 最后一个红色按钮 Delete all content 是用来删除所有内容（即清空数据库）。

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------