一、配置环境
1.安装 Node.js
Node官方网站:https://nodejs.org
Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。
安装步骤非常简单,一直next就可以了,默认安装就行。如果需要改路径的可以自己改路径
2.安装 Git
Git官方网站:https://git-scm.com/downloads
Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。
选择自己需要的系统版本
安装步骤非常简单,一直next就可以了,默认安装就行。如果需要改路径的可以自己改路径
安装完成,可以在开始菜单可以看到
tips:这个Git Bash相当于window中的终端窗口,以后我们就用这个打开终端。
3.查看 node,npm是否安装成功,并安装cnpm
新建一个文件夹,比如我这里建了 PCGuoblog
在这个文件夹内空白处鼠标的右键,选择 Git Bash Here(之后的操作都是在这个里面)
查看 node,npm是否安装成功,没有成功的就重新安装node。
安装cnpm
我们需要先来安装个cnpm提高速度,以后下载都cnpm
在Git Bash输入下载cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
扩展:
npm
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
npm命令
npm -v
来测试是否成功安装- 查看当前目录已安装插件:
npm list
- 更新全部插件:
npm update [ --save-dev ]
- 使用 npm 更新对应插件:
npm update <name> [ -g ] [ --save-dev]
- 使用 npm 卸载插件:
npm uninstall <name> [ -g ] [ --save-dev ]
cnpm
-
淘宝团队做的国内镜像,因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
-
安装:命令提示符执行
npm install cnpm -g --registry=https://registry.npm.taobao.org
-
cnpm -v
来测试是否成功安装
4.安装hexo
cnpm install -g hexo-cli
验证是否安装成功
hexo -v
显示信息提示成功
二、博客搭建
1.搭建项目
运行命令hexo init
,建立整个项目
执行成功,文件夹中会自动生成项目文件
public :公共文件夹,这个文件夹用于存放生成的站点文件。
source :资源文件夹,这个文件夹用来存放内容。
themes :主题文件夹,下载的主题都放在这个文件夹里面
2…运行测试
这里我们经常用到的有三个命令
hexo clean #用来清理缓存文件
hexo g #生成文件
hexo s #运行本地服务器
hexo d #上传到服务器
注意:执行 hexo d 命令时,若出现 ERROR Deployer not found: git
执行以下命令下载hexo-deployer-git
插件
npm install --
save hexo-deployer-git
我们运行
hexo s
出现:
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
打开浏览器,输入localhost:4000
,就可以在本地看到博客了
3.使用域名访问Hexo
购买个人域名
可以选择在万网或者godady上购买域名。各有利弊。不过考虑到只是用来做个人网站的域名,为了方便建议在万网购买。
解析域名
域名服务商都会提供相关解析服务,域名解析配置均相同
参数配置
绑定独立域名
进入source(博客文件夹下)文件夹,创建名为CNAME的文件
运行以下命令
$ hexo generate
$ hexo deploy
万事OK,快试试用你的独立域名访问Hexo吧。