本文重在排坑。

hexo 推送博客 gitee

1. 安装node.js
- 什么是node.js
2. 安装npm
3. nodejs 、npm环境变量配置
4. git工具的安装及配置
5. hexo本地搭建博客及测试
6. 推送gitee
- 1.创建gitee库
- - 仓库名要求：
  - 不这样设置仓库名的话这样会出现的问题：
  - gitee pages 帮助文档说明。
- 2.hexo本地推送
- 3.创建的仓库开启gitee pages服务

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服务，此时会生成你的静态网站。

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

url出带二级目录。不太好记，这样虽然可以自己去申请域名。
可能造成项目路径问题，导致之后的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本地推送

配置_config.yml

deploy:type: gitrepo: 你的gitee刚刚创建的仓库urlbranch: master

在创建的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等在同一目录下。

hexo推送博客gitee 踩坑相关推荐

python实现kindle每天推送博客1----kindle推送原理，python实现qq邮箱登录及邮件发送
kindle想每天看新闻,看博客, 其实自己用python写个代码就能很简单实现了. 1.kindle推送原理 kindle不仅可以买书看书,还可以自己推送内容原理很简单,往你个人的kindle邮箱 ...
linux hexo搭建个人博客,gitee和hexo搭建个人博客
首先准备软件:git (提供命令git) notepad++(方便编辑) nodejs(hexo依赖) 7z(压缩包) 安装 nodejs.git.notepad++和7z的安装过程省略.主要要说的是 ...
python实现kindle每天推送博客2----python实现爬取博客内容
python爬虫教程很多, 本文以爬取博客为例 1. Beautiful Soup Beautiful Soup是python的一个库,最主要的功能是从网页抓取数据为节约篇幅,安装方法自行百度解析 ...
win10系统用hexo+GitHub搭建博客遇到的坑
1.repo配置报错网上很多搭建博客经验分享帖中repo配置写入的是HTTPS(形如:https://.github.com/ /. github. io. git格式).win10系统运行会报错. ...
Windows+ECS+个人域名+HEXO搭建个人博客
title: Windows+ECS+个人域名+HEXO搭建个人博客 declare: true tags: 个人博客 abbrlink: f7136b46 date: 2021-10-16 16:3 ...
Hexo搭建Github-Pages博客填坑教程
目录: 1.安装Hexo 2.部署Hexo 3.Hexo命令 4.一些报错处理 5.博客管理 6.插件(RSS.Sitemap) 7.评论设置 8.404页面 9.统计 10.更新 11.总结 12. ...
hexo搭建个人博客_hexo 搭建个人博客
hexo 搭建个人博客 hexo-theme-matery README Hexo BLOG 地址 iyuhp's blog 基本介绍本 blog 使用 HEXO 搭建, MATERY 作为主题, ...
GitHub+hexo搭建个人博客（2019新版超详细教程）
GitHub+hexo搭建个人博客详细教程原文链接 : GitHub+hexo搭建个人博客详细教程前言随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...
Hexo搭建个人博客网站
文章目录 0.首先介绍一下hexo是怎么搭建的博客? 一.搭建但是我在这里遇到了两个问题 1.命令行报错:YAMLException: can not read a block mapping en ...

hexo推送博客gitee 踩坑

hexo 推送博客 gitee

1. 安装node.js

什么是node.js

2. 安装npm

3. nodejs 、npm环境变量配置

4. git工具的安装及配置

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

6. 推送gitee

1.创建gitee库

仓库名要求：

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

gitee pages 帮助文档说明。

2.hexo本地推送

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

hexo推送博客gitee 踩坑相关推荐

最新文章

热门文章

hexo推送博客gitee 踩坑

hexo 推送博客 gitee

1. 安装node.js

什么是node.js

2. 安装npm

3. nodejs 、npm环境变量配置

4. git工具的安装及配置

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

6. 推送gitee

1.创建gitee库

仓库名要求：

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

gitee pages 帮助文档说明。

2.hexo本地推送

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

hexo推送博客gitee 踩坑相关推荐

最新文章

热门文章

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