nodejs环境 + 入门 + 博客搭建

Posted ✧*꧁一品堂.技术学习笔记꧂*✧.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nodejs环境 + 入门 + 博客搭建相关的知识,希望对你有一定的参考价值。

注:本文转自:许雪里   的  《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,

image

开始安装nodejs,选择安装路径;安装包含:

    安装nodejs至指定目录:


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

image

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

image

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

image

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

install-node-msi-version-on-windows-step4

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

install-node-msi-version-on-windows-step5

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

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

install-node-msi-version-on-windows-step8

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

image


    配置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的网页。

聊天室示例:

..nodejs版本博客实例.zip..

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 是用来删除所有内容(即清空数据库)。



















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

以上是关于nodejs环境 + 入门 + 博客搭建的主要内容,如果未能解决你的问题,请参考以下文章

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

在CentOS上搭建基于Nodejs的Ghost博客

Hexo+Github搭建自己的博客