记录整个搭建 Hexo 的步骤吧~

# 准备工作

1、git
2、nodejs
3、github 账号

# 第一步

首先把 git 跟 nodejs 下载 ok (地址在上方)
安装的话就不细说了,一直 next 就可以了
验证有没有安装好的话直接在控制台中输出:

h
$ node -v
h
$ npm -v
h
$ git --version

<img src="/img/version.png">

如果有对应的版本输出就说明安装已经 ok 啦

# 第二步

在本地建立一个 blog 文件夹(我是建在了 D 盘下面)
然后打开 git-bash,千万别用 cmd 跑后面的命令了,这里要圈起来,重点要考!!!

现在开始安装 Hexo 了,cd 进我们的 blog 目录下:

h
$ npm install hexo-cli -g

<img src="/img/hexocli.png">

这里会提示一个 warn 不用管他,然后输入:

h
$ npm install hexo --save

<img src="/img/--sava.png">

我这里直接用 cmd 截图了,这里无所谓,最好都用 git-bash,出现了一堆白字跟 warn 之后,我们得 hexo 就安装好了,输入:

h
$ hexo -v

<img src="/img/hexo -v.png">

如果看到对应的 hexo 版本信息就说明已经安装 ok 了

# 第三步

安装好了 hexo 我们就要开始来使用他了,首先执行初始化:

h
$ hexo init

<img src="/img/hexo init.png">

这里会在我们自己建的目录下生成 hexo 的文件,如果执行 hexo init 的时候报 not empty 之类的错
解决方案是建议删除目录下的所有文件 然后重新执行一次 hexo init 命令

然后输入:

h
$ npm install

<img src="/img/npm install.png">

之后 npm 将会自动安装你需要的组件,只需要等待 npm 操作即可。

然后在命令行输入:

h
$ hexo g
h
$ hexo s

<img src="/img/hexo g.png">

hexo g 的话会在目录下生成一个 public 文件夹,hexo s 就是启动服务啦~
如果显示上面的信息的话就在本地已经启动 ok 啦~
然后我们在浏览器中输入:http://localhost:4000/

<img src="/img/hexo.png">

大功告成~(停止服务的话 Ctrl+c 就可以了)

# 第四步

本地发布部署

h
$ hexo clean
$ hexo g
$ hexo s

后面有改动的话基本就是这三个命令,然后本地就可以显示更新后的内容啦~

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

vayi 微信支付

微信支付

vayi 支付宝

支付宝

vayi 贝宝

贝宝