gitee+hexo搭建

之前做过hexo+github的静态博客，gitee类似如此。

一、前期准备

0.电脑本地装有git，nodejs工具，有gitee账号。

1.登录码云，在仓库中创建新的博客项目，添加路径名（也可以使用github仓库，后续有机会整理相关操作）。

image.png

2.安装hexo工具包：

#安装hexo
npm install hexo -g
#检查hexo
hexo -v

image.png

warn警告不顾忌，安装好的路径如下（本人使用的公用nodejs位置）

image.png

3.在本地创建hexo的文件夹存储hexo项目，git bash文件，输入

#初始化命令
hexo init

其结构与vue类似，结构如下：

node_modules：是依赖包
public：存放的是生成的页面
scaffolds：命令生成文章等的模板
source：用命令创建的各种文章
themes：主题
_config.yml：整个博客的配置
db.json：source解析所得到的
package.json：项目所需模块项目的配置信息

image.png

命令行中输入如下，启动的默认项目访问地址：http://localhost:4000/

#启动服务
hexo server
#退出服务
 ctrl + c 

git bash指定目录文件，常用hexo命令如下：

#清楚缓存文件，重新启动使用
hexo clean

# 本地启动预览
hexo server/s

# 生成静态文件：public文件夹，这个文件夹就是我们托管到码云上用的文件夹
hexo generate/g

#打包上传到git
hexo d

二、关联hexo与gitee项目

1.接下来是配置根目录_config.jml文件，repo为gitee的仓库克隆地址。

deploy:
  type: 'git'
  repo: https://gitee.com/yluozi/hblog.git
  branch: master
  message: blog update

打包上传到git

hexo g
hexo d

2.登录gitee，需要开启page服务，需要上传身份信息

image.png

3.拒绝，使用github搭建，后续处理。

继续~~

3.网络访问github不太行，又回来继续使用gitee pages（此处身份证件持证照片可以使用非真是照片，经本人尝试，码云不会审核此照片真实性）

image.png

审核成功后直接访问该地址为hexo生成的静态网页的地址了。

三、使用主题：

主体库地址：https://hexo.io/themes/
点开，找到原代码的git地址，下载相应的压缩包，解压存入themes文件夹内。

image.png
修改_config.yml文件中的themes内容为目录名。
image.png

更换主题后页面展示如下问题：

0ce05d86c79d943313bfbad18cad7ee.png

查看资源提示：

image.png

路径不对，css等文件资源为空。
修改配置文件如下：

image.png

url：你在浏览器访问博客网站的整个网址（括文件夹名）
root：/文件夹名 （你静态项目的文件夹）

上传好后需要同步更新pages，完毕后访问正常。

image.png

其中静态页语法有前端基础可以自行修改，页面图片使用的是网络图片，也可以自己上传图片，修改样式，可以直接在文件上修改也可以使用vscode修改。