Hexo 搭建个人博客 第一章 配置环境

分享一下自己以前用的博客框架并且搭建教程

主要内容

Node.js


Hexo基于Node.js环境,Node.js是一个Javascript运行环境(runtime),实际上它是对Google V8引擎进行了封装。国绕Node.js有许多三方资源,社区非常繁荣,生态非常火爆,相信很多开发者电脑上都有Node.js环境吧,如果你已经安装Node.js环境,可跳过此节直接安装Hexo。
安装

Windows


Windows平台请到node官网下载安装包进行安装。

Linux


Linux平台可通过包安装或nvm进行安装,这里建议采用nvm方式。
首先,安装nvm环境,进入终端,在用户home目录下执行

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash`

然后,将以下代码添加至到profile(~/.bash_profile, ~/.zshrc, ~/.profile, ~/.bashrc其中之一)文件中

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

重启终端,输入以下指令安装node最新的LTS版本

nvm install --lts=boron

Mac


Mac平台可以通过nvm进行安装,方法与Linux平台一样。另外这里特别介绍通过brew安装,brew类似于Ubuntu的apt或CentOS的yum,是Mac平台的包管理工具。brew依赖Ruby环境,Mac系统自带Ruby,如果还没brew环境,请直接在终端输入以下指令安装brew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

然后输入

brew install node

加速
Node.js默认是通过npm进行包管理的,但npm官方源在国内速度那可叫一个酸爽,而且还经常抽疯,原因大家都懂的,如果没有好梯子,建议大家使用淘宝npm镜像,方法如下:

windows打开命令指示符(cmd)linux 和 macos 则打开终端(terminal

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后,就可以能过以下指令加速安装相用包啦

cnpm install [packageName]

Hexo
安装好Node.js环境后,就可以通过node的npm包管理工具安装Hexo,执行以下指令(当然cnpm可以换成npm,这里使用淘宝加速)

cnpm install -g hexo

成功安装Hexo后,在自己的工作目录下,创建一个blog目录,在此目录下管理自己的博客源码,进入blog目录,执行以下指令完成Hexo项目环境

hexo init

安装依赖包

cnpm install

生成静态页面

hexo g

hexo g

启动本地服务

hexo s

hexos

当然,生成静态页面与启动本地服务可以结合成以下指令

hexo s -g

打开浏览器,输入 http://localhost:4000/ ,看到Hexo页面说明hexo环境安装成功。

博客预览

按照刚才预览的Hello World页面的说明,通过简单几条指令,就可愉快的玩耍啦,是不是很简单?

hexo new"postName" #新建文章
hexo new page"pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到指定空间
hexo help # 查看帮助
hexo version #查看Hexo的版本