hexo推送博客gitee 踩坑

本文重在排坑。

1. 安装node.js

什么是node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
安装教程

2. 安装npm

什么是npm ：

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

下载完nodejs 会自带其npm包管理工具，这个就不用另外下了。

3. nodejs 、npm环境变量配置

本步骤主要是将npm的默认安装包 路径更改为非c盘（默认），参考该博客第5步。

参考

4. git工具的安装及配置

5. hexo本地搭建博客 及测试

参考安装教程前4步

6. 推送gitee

1.创建gitee库

仓库名要求：

仓库路径访问URL地址填写用户名即可。

gitee pages 说明文档
如下：

后面可以在仓库中开启 gitee pages服务，此时会生成你的静态网站。

不这样设置仓库名的话这样会出现的问题：

1. url出带二级目录。不太好记，这样虽然可以自己去申请域名。
2. 可能造成项目路径问题，导致之后的html文档加载不到所需要的资源文件。最后就是没有样式。

gitee pages 帮助文档说明。

• 如何创建一个首页访问地址不带二级目录的 pages，如ipvb.gitee.io？

答：如果你想你的 pages 首页访问地址不带二级目录，如ipvb.gitee.io，你需要建立一个与自己个性地址同名的仓库，如 https://gitee.com/ipvb 这个用户，想要创建一个自己的站点，但不想以子目录的方式访问，想以ipvb.gitee.io直接访问，那么他就可以创建一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后，就可以以 https://ipvb.gitee.io 进行访问了。

• 当要部署的项目与自己的个性地址不一致时，部署完成后存在一些资源访问404？

答：当需要部署的仓库和自己的个性地址不一致时，如：https://gitee.com/ipvb/blog ，生成的pages url 为 https://ipvb.gitee.io/blog ，而访问的资源404，如 https://ipvb.gitee.io/style.css 。这是因为相应配置文件的相对路径存在问题导致的，生成的资源 url 应该为 https://ipvb.gitee.io/blog/style.css 才对。对于不同的静态资源生成器，配置如下：

Hexo 配置文件_config.yml的url和root修改如下：
url: https://ipvb.gitee.io/blog
root: /blog

2.hexo本地推送

1. 配置_config.yml

deploy:
  type: git
  repo: 你的gitee刚刚创建的仓库url
  branch: master

2. 在创建的blog/hexoblog 下gitbush

hexo clean 
hexo g
hexo d

报错（之前的error）

原因：以前用过git推送gitee的电脑可能保存了之前的gitee登录凭据，也就是这个凭据才导致错误。可以删除或者编辑当前要推送的gitee账号。
参考

修改完推送成功

3.创建的仓库开启gitee pages服务

注意： 需要在hexo在本地推送完项目后，才能在创建的仓库的服务中看到gitee pages服务。
点击启动
以后的hexo推送新的内容 还要在此处更新，才能在网站中看待更新内容。

结果显示

只有html 结构却没有加载css，js文件 ，原因项目路径的问题。后面后更改相关文件

回到本地博客目录，找到_config.yml，更改root路径为 .（". " 表示当前目录下，因为生成的index.html 和 找不到的css、fancybox等在同一目录下。