1). 安装Node
2). 安装Git
3). 注册码云
4). 安装Hexo
npm install hexo-cli -g
![](https://img.haomeiwen.com/i3110861/aa32ea9995afa340.png)
5). 在一个空文件夹中初始化hexo
hexo init
![](https://img.haomeiwen.com/i3110861/2b513cb16fe2f0c6.png)
6). 生成静态页面
hexo g
![](https://img.haomeiwen.com/i3110861/130d9727e0a7a3eb.png)
7). 启动本地服务
hexo s
![](https://img.haomeiwen.com/i3110861/7a24cedd3de242e7.png)
浏览器输入:http://localhost:4000/
查看
8). 在码云中创建项目
![](https://img.haomeiwen.com/i3110861/9e072e1d8582ae6e.png)
9). 获取仓库地址链接
https://gitee.com/mazaiting/blog.git
![](https://img.haomeiwen.com/i3110861/b502c94f6943655a.png)
10). 修改配置项目根目录_config.yml 文件,修改deploy的值
![](https://img.haomeiwen.com/i3110861/1743b57c3b37a0d4.png)
11). 配置用户名和邮箱
git config --global user.name空格+你的码云的名字
git config --global user.email空格+你的码云的邮箱
12). 安装hexo-deployer-git
npm install hexo-deployer-git --save
![](https://img.haomeiwen.com/i3110861/67be2d601b70d4d8.png)
13). 一键部署
hexo deploy
![](https://img.haomeiwen.com/i3110861/7485a952cfec6f06.png)
运行后报错,然后执行命令
npm install hexo --save
,运行完成后再执行 hexo deploy
![](https://img.haomeiwen.com/i3110861/1585b67b887a6a26.png)
执行成功后:
![](https://img.haomeiwen.com/i3110861/6f0330e35a91ac67.png)
14). 码云文件
![](https://img.haomeiwen.com/i3110861/6865f952c3e221ad.png)
15). 使用免费域名
在项目首页 -> 服务 -> Gitee Pages
![](https://img.haomeiwen.com/i3110861/63cb84e6ab6404f5.png)
-
进入后页面如下图,接下来要先对绑定手机号,点击下方的蓝色设置
图14.png
-
如果已绑定手机号则为该页面,则直接点击启动即可
图15.png
16). 部署成功
成功后界面如下,登陆https://mazaiting.gitee.io/blog
即可访问
![](https://img.haomeiwen.com/i3110861/dddc8de20eda3676.png)
17). 问题
此时访问https://mazaiting.gitee.io/blog
,会没有样式
![](https://img.haomeiwen.com/i3110861/9fa09dfa52293209.png)
解决方法:在_config.yml中,修改
root: /
为 root: /<项目名>/
(此处默认为root: /
), 然后重新部署。![](https://img.haomeiwen.com/i3110861/65b2741e22f4e4d2.png)
网友评论