【Hexo】安装hexo的一系列组件--Step1

搭建Hexo的第一步

安装node.js

因为 Hexo 是基于 node.js 的,所以 node.js 是必须要装的,安装也特别简单,去官网下载适合自己 windows 的版本就行了。

官网:https://nodejs.org

安装过程一直下一步就行了,什么也不用选,在网上查资料的时候,看到有说要在Custom Setup这一步记得选Add to PATH,但我在安装的时候这个选项是默认选好的,不用动它,也许是版本的原因,建议在安装时留意一下,毕竟自己配置环境变量还是有点麻烦。

安装好以后,打开CMD命令窗口,输入npm -v,如果出现版本号,那说明安装成功了并且环境变量也配置好了,如果是未知命令那就要配置一下环境变量。

安装hexo

这一步我是用git bash来安装的,如果安装了git,那么就可以用git bash,如果没有装,那就用CMD窗口,效果是一样一样的,命令都是一样的。

在使用npm安装hexo之前,我们需要给npm换个源,以此来提高下载插件的速度与保证下载的稳定,命令如下:

1
npm install nrm -g

之后的步骤如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
VZZ@LAPTOP-1LKROVMM MINGW64 /e/Blog
$ nrm ls

* npm -------- https://registry.npmjs.org/
yarn ------- https://registry.yarnpkg.com/
cnpm ------- http://r.cnpmjs.org/
taobao ----- https://registry.npm.taobao.org/
nj --------- https://registry.nodejitsu.com/
npmMirror -- https://skimdb.npmjs.com/registry/
edunpm ----- http://registry.enpmjs.org/


VZZ@LAPTOP-1LKROVMM MINGW64 /e/Blog
$ nrm use taobao


Registry has been set to: https://registry.npm.taobao.org/


VZZ@LAPTOP-1LKROVMM MINGW64 /e/Blog
$

如果在安装hexo的时候遇上什么问题可以移步我的另一篇文章,在主页搜索:【Hexo】搭建博客时遇到的问题

如果在使用npm的时候遇上什么问题也可以移步我的另一篇文章,在主页搜索:【Npm】npm问题归总

然后安装Hexo,使用命令

1
npm install hexo -g

输入hexo -v出现一系列的版本号就是安装成功啦,就像下面这样:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
VZZ@LAPTOP-1LKROVMM MINGW64 /e/Blog
$ hexo -v
hexo: 3.9.0
hexo-cli: 2.0.0
os: Windows_NT 10.0.17763 win32 x64
http_parser: 2.8.0
node: 10.16.3
v8: 6.8.275.32-node.54
uv: 1.28.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 64
nghttp2: 1.39.2
napi: 4
openssl: 1.1.1c
icu: 64.2
unicode: 12.1
cldr: 35.1
tz: 2019a

生成博客

从现在开始,我们就可以用hexo来生成一个博客了。

首先新建一个文件夹,位置随意,然后 cd 到这个文件夹下,运行命令:

1
hexo init

hexo会将这个文件夹初始化成一个博客专用文件夹,生成过程稍微要点时间,耐心等待。

初始化完成后,会有一个默认主题以及一个hello-word的默认文章。所以我们可以先生成博客来看一下效果,运行命令:

1
hexo generate  //可以简写成 hexo g

然后hexo会开始生成博客,生成结束后,会多出一个public的文件夹,这个文件夹就是hexo生成的一个完整的静态网站,也就是我们的博客。网站生成好了,我们要浏览它,所以要开启一下服务器,运行命令:

1
hexo server  //可以简写成 hexo s

然后打开浏览器,输入localhost:4000就可以浏览我们的博客了。

如果博客内改动比较大,那么使用hexo g是不能对博客做出改变的,这时使用:

1
hexo clean

来清除之前的博客文件,再用hexo g重新生成即可


参考链接:

1
https://www.jianshu.com/p/343934573342
文章目录
  1. 1. 安装node.js
  2. 2. 安装hexo
  3. 3. 生成博客
|