Hexo+Gitee搭建个人博客 —— 零基础Gitee部署_配置文件修改好后,cd hexo调整当前目录为hexo,

前言

个人标签：

smm -ing Spring Boot -ing 乐于分享

技术交流：

Github Gitee
kris’s blog 正在筹备中！点击预览

博客园 （筹备中）

给我写信

前期准备： Git、Node.js 具体安装过程很简单，可参考 这篇文章

温馨提示： 您可以先从目录点击目录查看【问题一】 【问题二】，不希望你和我一样掉坑里啊（@ v @）

一、创建本地仓库

前期检查：如果不记得是否已安装，进行如下操作进行检测

$ git --version  
$ node -v  
$ npm -v
1
2
3

1. 创建kris_blog文件夹

在此文件夹下进行Git bash，执行以下命令：

 $ npm install hexo-cli -g
 $ npm install hexo-deployer-git --save
1
2

2. 创建Hexo文件夹

在kris_blog下创建一个Hexo文件夹，进入Hexo文件夹，Git bash，执行以下命令

 $ hexo init
1

执行结果如下：

至此，Hexo已经初始化了，接下来进行测试

二、查看localhost

1. 启用本地服务器

 $ hexo generate
 $ hexo server
1
2

2. 查看Hexo默认页面

浏览器地址栏输入http://localhost:4000/，访问初始化页面，如下所示：

三、将博客部署到码云Gitee

点击此处查看我的Gitee部署

1. 注册 并 登录 到gitee

2. 创建个人仓库

3. 配置SSH密钥（同github一样）

注意：要到kris_blog文件夹下执行以下命令：

 // Ctrl+C 关闭本地服务器，然后回到父级目录kris_blog再生成新的ssh
 $ cd .. 
 $ ssh-keygen -t rsa -C louis6575@aliyun.com
 // 填写你的邮箱地址，别搞我的昂，哈哈哈
1
2
3
4

不用设置密码，一直回车就行，我的之前用的是github的ssh，现在进行重写。

4. 拷贝ssh

看到上图，表示已经生成了ssh文件了，拷贝一下吧！

 $ clip < ~/.ssh/id_rsa.pub
1

5. 配置Gitee公钥

登录自己的gitee，进行以下操作：

打开设置 – 点击SSH公钥 – 输入信息 – 确定 – gitee密码验证 – 公钥配置成功

6. git测试

 $ ssh -T git@gitee.com
1

如果之前没有用过gitee进行公钥配置的话，会报这种错误，故需要在hosts文件(C:\windows\system32\drivers\etc)末尾中添加：212.64.62.174 gitee.com，保存文件并重新git测试，测试通过！

7. 配置个人信息

我们每次的Commit，Git 会根据我们的git名字kris-kk和邮箱louis6575@aliyun.com来记录提交，Gitee 会使用这些用户信息进行权限管理，输入以下命令进行个人信息的设置，把名称和邮箱替换成你自己的，名字可以不是 Gitee 的昵称，但为了方便记忆，建议与 Gitee 一致哦！

 $ git config --global user.name kris-kk
 $ git config --global user.email louis6575@aliyun.com
1
2

All Right ! 至此，我们就很顺畅地配置好了SSH公钥了，本机已经成功连接到了自己的Gitee

四、将本地的Hexo文件提交到自己的Gitee仓库

1. 打开仓库，复制ssh链接

2. 更改配置信息

打开本地目录中的配置文件 \kris_blog\Hexo_config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: 'git'
  repository: git@gitee.com:kris-kk/kris-kk.gitee.io.git
  branch: master
1
2
3
4
5
6

3. 配置文件修改好后，cd Hexo调整当前目录为Hexo，执行以下指令：

 $ hexo g -d
1

以上信息，说明配置已经OK了，但也有报以下错误的：

 ERROR Deployer not found: git
1

上面配置文件中type属性，’git‘要有单引号，我刚开始没加的时候，每次执行hexo g -d，配置文件就会被重置，需要重新配置。这个单引号差点气哭啊，忙活半天，结果404！！！还好我检查了下配置文件，把单引号加了上去！！！

原始此处的缺省配置是这样的，所以要注重每一个细节啊！！！

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: ''
1
2
3
4

具体什么错误，可自行参阅相关文档排除，一般按照此流程走下来，除了修改hosts文件，不会报错，除非个人手误，配置文件搞错。

4. Nice ! 文件commit成功 ！

5. 查看Gitee仓库

好棒呀，虽然已经凌晨两点咯，边配置变写说明文档，有点儿耗时，但希望结果是好的，真棒！

6. 开启Gitee pages服务，重点！！！

打开自己的仓库 – 点击“服务” – 开启Gitee pages服务

• 什么是Gitee服务？详情参考使用帮助

• 码云 Pages 是一个免费的静态网页托管服务，您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。目前码云 Pages 支持 Jekyll、Hugo、Hexo编译静态资源。

  

  

7. 访问博客主页

提示：已开启 Gitee Pages 服务，网站地址： http://kris-kk.gitee.io/kris-kk.gitee.io
打开该网址可进行查看

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-egFSq63d-1582442441321)(https://gitee.com/kris-kk/kris-kk/raw/master/imgs/init_index.jpg)]

到目前为止，可以确定本地仓库的博客系统已经成功部署到了Gitee，但有几个问题值得思考：

+ 【问题一】每次访问都要输入二级目录？

【Gitee使用帮助】如果你想你的 pages 首页访问地址不带二级目录，如ipvb.gitee.io，你需要建立一个与自己个性地址同名的仓库，如 https://gitee.com/ipvb 这个用户，想要创建一个自己的站点，但不想以子目录的方式访问，想以ipvb.gitee.io直接访问，那么他就可以创建一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后，就可以以 https://ipvb.gitee.io 进行访问了。
【简说】就是我们需要建立一个和自己用户名一样的仓库，那好吧，重新建一个仓库kris-kk

【跳转步骤：】跳转到 四、将本地的Hexo文件提交到自己的Gitee仓库 ，创建一个新的仓库kris-kk，进行同样的操作，终于搞定！

+ 【问题二】这界面也太low了吧？

没错，这是Hexo默认的版式，可以选用别人的模板进行装饰，然后再根据自己需求调整CSS样式，主题美化教程会一周内上新哦！敬请期待吧！

五、在博客上发表文章测试

1. 按照以下指令，创建一篇新文章，文章标题为article_test

 $ hexo n article_test
1

也可以直接在 \Hexo\source_posts 目录下右键鼠标新建文本文档，改后缀为 .md 即可，这种方法比较方便，或者直接使用Typora工具来写，注意书写格式！

文章标题，标签，分类，封面图片，摘要等，可以在 Front-matter 里面配置（Front-matter 是文件最上方以 — 分隔的区域，用于指定个别文件的变量，官方文档：https://hexo.io/zh-cn/docs/front-matter ），举个例子：

当我们用编辑器写好文章后，可以commit一下

 $ hexo g -d
1

然后就可以打开首页查看添加的article_test文章了呀

六、自定义域名（可选）

说明：当然，博客部署完毕，还有很多事情可做，比如主题美化，包括微调CSS、添加滚动特效、背景特效、导航栏美化等。我们先进行一个自定义域名的解析，（之前1元/年买的阿里云域名 http://kriskk.club/ 也快到期了，之前用Jekyll搭建过一次个人博客系统，但一直没有维护，后来废掉了hhh），这样我们就有多种访问自己博客首页的方式了，工作了，租用一个相对稳定的域名。

emm 域名半年没有使用了，当时没有及时备案，备案信息没了，需要重新备案！先到这吧，持续更新！

接下来还是更新博客主题吧，可能的话，再新注册一个域名替换！加油！

欢迎参观我的小园子！ (导航栏等功能正在完善中) 附图一张！

欢迎查看我的个人笔记本 附图一张！

欢迎批评指正呀！