Gitee+HEXO搭建个人博客

准备工作

1、gitee账号一个
到官网:https://gitee.com注册
2、node.js
官网:https://nodejs.org/zh-cn/ 下载最新版
3、git
官网:https://git-scm.com/ 下载最新版
环境安装
安装git
一路next到安装完毕,保持默认选项
安装nodejs
一路next到安装完毕,保持默认选项

初始化博客

安装hexo

win+r,打开运行,输入cmd
命令:

1
2
npm install -g cnpm --registry=https://registry.npm.taobao.org           #安装淘宝镜像
cnpm install -g hexo #安装hexo博客生成系统

初始化

新建空文件夹,在该文件夹路径下打开cmd(在搜索框的左边,点击空白区域,输入cmd,回车)

命令:

1
2
3
hexo init                 #初始化博客系统,耐心等待
hexo generate #生成博客网页
hexo server #开启博客本地测试服务器

测试是否成功

若运行成功,在浏览器网址栏中搜索cmd生成的网址(http://localhost:4000),打开会看到hexo默认网页。

部署到Gitee

打开GitBash,在文件资源管理器中右击鼠标就能找到。

gitee远程登录

命令:

1
2
3
git config --global user.email "注册gitee用的邮箱“
git config --global user.name "注册gitee的用户名"
ssh-keygen -t rsa -C "注册gitee用的邮箱" #上传登录密钥

注:之后有很多地方等待输入,直接回车。

1
cat  `find /c/Users/ -name*.pub`

注:find前面`的符号,是Tab键上方的键。
将公钥(ssh-rsa)都复制下来

Gitee打开个人用户设置,找到SSH公钥,添加新的SSH Keys,起名,粘贴公钥,添加。

测试是否成功

命令:

1
ssh -T git@gitee.com 

中途会停下来,输入yes

若看到github用户名出现,就成功了。

创建仓库(Create repository)

创建一个仓库,仓库名随意。
然后复制仓库地址,修改博客配置文件。

修改配置文件

打开之前创建的文件夹在hexo里找到配置文件,_config.yml,使用编辑器打开(推荐使用notepad++)

1
2
3
4
5
6
7
8
9
10
11
title: #网站标题
subtitle:#网站副标题
author: #作者
language:zh-CN #语言
timezone:‘Asia/Shanghai' #时区
url:https://yl1010code.gitee.io #仓库名,前面是https
deploy:
type: git
repo: git@gitee.com:yl1010code/yl1010code.gitee.io.git #粘贴你复制的仓库地址
branch: master
theme: #hexo的主题

注:所有冒号后面都要有空格。

必须的命令

进入初始化的文件夹内,在hexo文件夹内右击鼠标,打开GitBash,输入的命令才有效

1
2
3
hexo clean #清除缓存
hexo generate #生成博客网页
hexo deploy #部署网页到gitee上面

在hexo官网进行下载想要的主题:https://hexo.io/zh-cn

hexo官方文档:https://hexo.io/zh-cn/docs/writing

开启Gitee Pages服务

在项目中的服务选择Pages选项,默认设置,点击启动即可。

注:过程需要实名认证。
完成后

浏览器输入:page网址就可以访问了。

例如:https://yl1010code.gitee.io

注:gitee的page服务不能自动更新部署,将hexo网页部署到gitee后还需要手动更新部署,这一点较部署到GitHub上就麻烦许多。
注:GitHub和gitee的公钥可以共用。