win10 hexo+gitee搭建博客

1、安装hexo

全局安装hexo

npm install -g hexo-cli

注意这里命令执行都在cmd终端中执行，最好别用power shell，会报错，我也不知道为啥，可能是环境变量没读到

2、初始化

建一个文件夹名字随意命名，例如blog，然后进入blog，执行初始化命令：

hexo init

紧接着执行下面的命令,为了在github上clone npm的源码包

npm install

再生成

hexo g

测试

hexo s

此时如果看到下面的输出信息，说明框架搭起来了：

INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

打开浏览器，输入上面的地址，页面正常打开，说明目前一切都正常。

3、部署到gitee

• 首先新建仓库，其他不多说，只要注意一点，仓库的命名规范：

仓库名.gitee.io

• 配置修改

修改_config.yml文件

第一处：

deploy:
  type: git
  repo: https://gitee.com/wuxiangfeng/sanphone.gitee.io.git # 配置仓库路径
  branch: master    # 分支

第二处：

url: https://wuxiangfeng.gitee.io/sanphone.gitee.io/  # 这里是部署后的访问地址
root: .     # 这个点很重要， 如果不加，部署后页面会找不到样式

我这里是部署到根目录,如果要部署到子目录,那这里的配置应该做相应的调整
例如 http://example.com/blog，则请将您的 url 设为 http://example.com/blog 并把 root 设为 /blog/。
当然gitee部署的时候的路径也需要配置,这个在gitee上部署的地方看得到,这里不细说

• 开始部署

清理缓存

hexo clean

使用 Hexo 生成静态文件快速而且简单

hexo g

完成后部署

hexo d

这三条命令可以组合一起使用:

hexo clean && hexo g && hexo d

执行完成之后在giee的仓库下(顺利的话)可以看到我们的静态博客的文件.

• 最后一步,gitee重新部署
  进入到仓库下gitee pages的服务,点击更新即可。