本文同时发布在我的个人博客上：https://dragon_boy.gitee.io

最近萌生搭建个人博客的想法，正好还可以把之前在简书上写过的文章保存起来。

在网上搜索了许多搭建个人博客的方法，无外乎这么几种：

• 用购买的服务器加上域名，配上一些博客或网页创建系统来搭建个人网站，不过因为某些个人原因，暂时没办法对域名进行实名认证，所以这个暂时放弃。
• 各种git平台的的静态pages功能(如github pages，gitee pages，coding pages等)配上一些博客系统(hexo，Jekyll , Gridea等)，这里介绍这种方法。

首先选择哪个git平台，我尝试了使用github pages，但很难受，我只能在FAN QIANG状态下正常访问，而且速度偏慢，改了hosts也没啥用，而且文章数如果多了起来，更新网站的速度更是慢得不行，所以还是选择国内的一些git平台比较好，比如码云(gitee)，Coding等。

然后是博客系统的选择，我首先尝试的是Gridea，界面可以，挺好看的，但就是只支持github pages和coding pages，还有个人服务器搭建。github pages不用说，速度慢，我失败了无数次。coding我也试了很多次，实在是找不出问题所在(基本都是连不上的问题，没法解决)。如果想尝试的小伙伴可以去官网看看https://gridea.dev/，上面有搭建方法。

这里我使用的是hexo+gitee。

环境配置

首先要下载Node.js，然后安装Git，接着注册码云，最后安装Hexo，Hexo安装命令行(cmd 或 gitbash):

npm install hexo-cli -g

速度慢可以先改一下安装源:

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

个人博客搭建

在想要存放博客的目录里右键打开gitbash，然后输入：

hexo init

接着生成静态页面：

hexo g

然后启动本地服务，查看界面是否生成：

hexo s

将http://localhost:4000复制到浏览器查看，默认主题为landscape。(在下面的每次配置中，对根目录的_config.yml修改后都要重新执行hexo g，同时可以不断刷新本地服务查看效果)

主题

博客系统至此基本搭建完，我们接下来更换主题。在themes文件夹下右键gitbash，输入下面的命令:

git clone https://github.com/theme-next/hexo-theme-next.git

打开根目录下的_config.yml配置文件，修改主题：

如果不满意当前的界面，可以更换以下，next主题提供了四种模式，在hexo-theme-next的_config.yml文件中修改：

我用的是第4种。

发布文章

新建文章方法：在项目根目录，打开gitbash：

hexo new "paper's name"

然后就可以在/source/_posts找到markdown文件。

使用已有markdown文件：复制到上述目录即可，注意在文件头加上一些信息，基本结构：

---
title: name
date: ****-**-** **:**:**
others: some description
---

添加完文章后记得hexo g更新一下。

个性化

接着设置博客侧边栏，在根目录的_config.yml中：

大家可以都试一下，我的效果：

如何设置头像？在主题文件夹的_config.yml中，在avatar
功能下修改：

可以根据注释明白功能是什么。

然后设置网站图片：
替换主题文件夹下的/source/images的三张图片即可(显示为N的那几张)

或者在主题的_config.yml中修改

文章分类和标签

在项目根目录执行下面的命令：

hexo new page categories

source文件夹下就会生成categories文件夹，修改里面的.md文件：

接着在主题文件夹的_config.yml中开启分类：

最后，要使用分类的话，只需要在发布的文章的.md中加上categories头：

标签等其它菜单功能同理。

首页文章预览

这里推荐最简单的方法，在正文中使用``标签打断，标签前的正文会显示在预览中：

还可以在文件头中添加description功能：

description: some words

文章图片显示

如果图片显示有问题，可以使用下面这种方法：

先将根目录的_config.yml中的post_asset_folder设置为true:

这样的话，新建文章时还会建立一个同名的文件夹，我们可以图片放在这个文件夹下。

然后下载一个插件，根目录下：

npm install https://github.com/CodeFalling/hexo-asset-image --save

这个插件可以自动图片修改路径，然后在.md文件中，我们使用同名文件夹下图片的相对路径即可，比如：

至此，一个基本的博客功能差不多了，还想加功能的话可以去官方文档或其它资料中寻找(比如搜索功能，各种网站效果等)。

部署到码云

首先在码云上创建一个仓库，建议是仓库名用用户名，这样的话生成的gitee pages的域名很短。复制仓库连接。

在项目根目录下的_config.yml中，修改deploy的值，repo设置为仓库链接：

然后修改git用户名和邮箱为码云的用户名和邮箱：

git config --global user.name 码云的名字
git config --global user.email 码云的邮箱

接着安装hexo-deployer-git:

npm install hexo-deployer-git --save

然后部署到仓库：

hexo g
hexo d

接着配置gitee pages：

强制使用HTTPS然后更新即可部署gitee pages。

接着在项目根目录的_config.yml中修改url和root:

root设置为仓库名(我这里没有子目录，就设置为空就行)。

最后重新部署一遍博客即可：

hexo clean
hexo g
hexo d

注意，更新完后记得在码云中更新一下gitee pages。
最后就可以通过gitee pages的域名访问自己的博客了。

目前我将简书的几篇博客拷贝了过来进行了一下测试。
我的博客：https://dragon_boy.gitee.io/