记录整个搭建 Hexo 的步骤吧~
# 准备工作
1、git
2、nodejs
3、github 账号
# 第一步
首先把 git 跟 nodejs 下载 ok (地址在上方)
安装的话就不细说了,一直 next 就可以了
验证有没有安装好的话直接在控制台中输出:
$ node -v |
$ npm -v |
$ git --version |
<img src="/img/version.png">
如果有对应的版本输出就说明安装已经 ok 啦
# 第二步
在本地建立一个 blog 文件夹(我是建在了 D 盘下面)
然后打开 git-bash,千万别用 cmd 跑后面的命令了,这里要圈起来,重点要考!!!
现在开始安装 Hexo 了,cd 进我们的 blog 目录下:
$ npm install hexo-cli -g |
<img src="/img/hexocli.png">
这里会提示一个 warn 不用管他,然后输入:
$ npm install hexo --save |
<img src="/img/--sava.png">
我这里直接用 cmd 截图了,这里无所谓,最好都用 git-bash,出现了一堆白字跟 warn 之后,我们得 hexo 就安装好了,输入:
$ hexo -v |
<img src="/img/hexo -v.png">
如果看到对应的 hexo 版本信息就说明已经安装 ok 了
# 第三步
安装好了 hexo 我们就要开始来使用他了,首先执行初始化:
$ hexo init |
<img src="/img/hexo init.png">
这里会在我们自己建的目录下生成 hexo 的文件,如果执行 hexo init 的时候报 not empty 之类的错
解决方案是建议删除目录下的所有文件 然后重新执行一次 hexo init 命令
然后输入:
$ npm install |
<img src="/img/npm install.png">
之后 npm 将会自动安装你需要的组件,只需要等待 npm 操作即可。
然后在命令行输入:
$ hexo g |
$ hexo s |
<img src="/img/hexo g.png">
hexo g 的话会在目录下生成一个 public 文件夹,hexo s 就是启动服务啦~
如果显示上面的信息的话就在本地已经启动 ok 啦~
然后我们在浏览器中输入:http://localhost:4000/
<img src="/img/hexo.png">
大功告成~(停止服务的话 Ctrl+c 就可以了)
# 第四步
本地发布部署
$ hexo clean | |
$ hexo g | |
$ hexo s |
后面有改动的话基本就是这三个命令,然后本地就可以显示更新后的内容啦~