『Others』基于Gitee Pages搭建个人博客

本篇博客主要介绍基于码云Gitee和Hexo搭建个人博客。

Gitee Pages

---

Gitee Pages是一个免费的静态网页托管服务，我们可以使用Gitee Pages托管博客、项目官网等静态网页。类似于GitHub Pages，目前Gitee Pages支持Jekyll、Hugo、Hexo编译静态资源。

Gitee Pages使用示例

---

首先，我们在Gitee中新建一个仓库，如下：

创建好仓库之后，将其克隆到本地，然后我们在文件夹中新建一个index.html，写入如下代码：

<h1>xsk sz</h1>

然后我们将代码上传到Gitee中；

然后，我们点击服务，选择Gitee Pages；

点击启动即可，效果如下：


我们打开网站地址，效果如下：

环境搭建

---

安装node.js

---

我们先去官网下载安装包，地址如下：
安装包下载地址
下载完成后，安装即可。

安装完之后，我们打开cmd，输入node，看一下是否安装成功，如下：

如上图所示表示安装成功。

安装成功之后，我们更换下npm的源，否则下载速度太慢了，命令如下：

npm config set registry http://registry.npm.taobao.org/

安装Hexo

---

我们使用下面命令来安装Hexo，命令如下：

npm install -g hexo-cli

然后我们新建一个文件夹，在该文件夹下执行如下命令：

hexo init

生成Hexo运行所需的文件，文件夹目录结构如下：

然后我们执行如下命令启动Hexo，命令如下：

hexo s

博客部署

---

首先，我们在Gitee上创建一个仓库，如下：

然后我们来修改Hexo配置文件_config.yml，写入如下内容：

deploy:
	type: git
	repo: 码云的项目地址
	branch: master

然后，我们使用下面命令进行博客的部署：

npm install hexo-deployer-git --save

hexo g --d

此时本地文件夹中会出现一个public文件夹，代表部署成功；

最后，我们登录Gitee，开启Gitee Pages功能即可。

我们打开网址，看一下效果：

主题修改

---

前面我们看到的是官方默认的主题，如果不喜欢的话，我们可以自己修改，官方也提供了一些网友自己制作的主题，可以直接拿来用。
网址：https://hexo.io/themes/

我们可以直接点击红框中的内容进行预览，可以点击绿框中的主题进行下载，下面，我们通过一个具体的例子来看一下主题该如何修改：

感觉这个主题挺好看的，我们点击红框内的内容来预览一下，如下：

我们就使用这个主题，我们点击前面绿框中的内容，进入GitHub进行下载：

点击Download ZIP下载压缩包，然后将zip包中的内容解压到hexo/themes中：

我们复制这个文件夹的名字，然后返回上一级，打开_config.yml，将里面的theme对应的值改为复制的名字，如下：

然后我们打开cmd，切换到Hexo文件夹，执行以下命令：

hexo generate
hexo server

然后我们打开网址来看一下效果：

最后我们使用下面命令就可以将新的主题部署到Gitee中，命令如下：

hexo g --d

最后，我们在Gitee Pages中点击一下更新即可：

博客的使用

---

这里我们使用Typora来写博客，每篇博客的格式如下：

title: 文章标题
date: 2020-06-02 10:24:30
tags: 测试
categories: Hexo

---
文章正文

我们来写一个测试博客，内容如下：

我们使用下面命令进行部署，命令如下：

hexo g --d

同样的，我们在Gitee Pages中点击一下更新，就可以看到新的博客了，如下：