从“0”开始搭建个人博客(3)——个性化博客

之前的两篇记录了搭建博客的过程，到此为止已经有一个可以编辑、发布的个人博客平台。接下来会记录一些个性化操作的内容，更加丰富博客搭建的内容和特点。

概述

很多人选用Hexo作为博客框架，很大的原因就是因为其丰富的主题资源和个性化配置。以及GitHub Pages本身支持自定义域名。所以申请注册一个属于自己的个性化域名也是可以的。我选用Hexo中最为热门的主题Next作为载体，记录我自己的相关配置。同时也感谢很多优质的教程和文档，帮助我完成相关设置。

---

Hexo主题的安装

主题的选择和下载

hexo官方页面的主题区域提供了丰富的主题展示和源文件的GitHub地址。选择好喜欢的主题可以通过Git bash 在本地博客站点目录下执行如下指令：

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

这里我选用Next主题，所以上面git clone 后面就是下载的主题源文件的地址。themes/next标志下载的目标地址。Hexo中默认主题都存放在站点目录下的themes下。

主题配置

下载完成后，需要告诉hexo具体应用哪一套主题生成博客页面。在站点目录下的_config.yml 文件中，配置theme字段。这里要注意的是无论之后的什么样的配置“:”后面需要空一格。

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

保存之后可以执行hexo s查看效果。

---

自定义域名

购买

首先可以在域名提供商购买一个价格合适的个人域名。网上有相关的教程。主流的有Godaddy、万网、腾讯云等。可以依照个人喜好进行注册购买。

绑定

在博客站点目录下的\source目录下建立CNAME文件（没有后缀名、全部大写）。其中写入你所购买的域名地址。这里我写入的www.hhyqhh.top。既本站地址。接下来在万网的DNS云解析中配置。（很多人推荐dnspod,我的域名是在万网注册的，所以我就在万网上进行可DNS解析）。打开配置界面：

添加一条，记录值写的是GitHub上个人主页的ip地址。这个可以在命令行中ping 自己的主页得到。

。

待保存生效后，可以试着用自己的域名代替原来的your_username.github.io来访问自己的博客了。

---

图床

博客中的图片不能放在本地，所以作为博客写作来说，一个方便好用的图床尤为的重要。我选用的七牛云配合极简图床实现的。

七牛云注册

登录其官方注册个人账户，然后在对象储存中添加新的储存空间。

在内容管理中可以上传图片素材，并且拷贝图片链接到MarkDown编辑中使用。

这样的操作显然有些复杂，所以要配合接下来的极简图床来使用。

极简图床注册

访问极简图床的页面，注册账号。

如果是Chrom浏览器，推荐安装其插件，方便以后的图片上床。
为了获得更大的私人空间。之前注册的七牛云就派上用场了。免费用户有10G的储存空间，一般的个人博客够用了。

点击右上角的齿轮按钮。在极简图床中配置七牛云的空间。

这里所指的域名可以在七牛云的空间概览中查询。AK与SK可以在七牛云个人信息的密钥管理中获得:

使用

当需要嵌入图片的时候，点击浏览器上的极简图床Chrom插件。其他不支持插件的浏览器可以保存极简图床的网址，将图片通过拖拽或者选择的方式上传，下面会给出相应的连接。比如MarkDown。复制连接到MarkDown文本中需要的位置，就可以插入使用了。非常方便。

---

其他

由于我选用的Next主题，主题的设计者给出了详细的设置教程。所以配置相对简单，同时Next本身功能也很丰富。可以加入诸如：搜索 分享 统计 打赏等众多功能。
同时文章《hexo的next主题个性化教程:打造炫酷网站》里也有详细的设置方法。
这里不做过多赘述。至此，一个属于自己的博客搭建完成。博客搭建对于初学者来说相对复杂，但是一劳永逸。接下类持续的内容输出才是一件有挑战的事情。

---

本文也发在我的个人微博（http://www.hhyqhh.top/）中，欢迎访问！