Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

记录博客主页的搭建(二)

完成上篇文章的所有步骤

主题是个性化个人博客的很重要的一个模块,当然hexo默认也有一个主题,但是我们可以到hexo的主题商城中下载更多我们喜欢的主题。

This is a picture without description

选择想要的主题

点击大图可以进行预览,点击名称就可以进入主题的GitHub仓库,就可以进行clone了

然后在本地clone主题的仓库,放到hexo目录的themes文件夹中,再去修改_config.yml文件,就可以应用这个主题了

将theme后面的名称改为刚才clone的文件夹名称,就可以应用主题了

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-aircloud

创建标签以及存档

默认的主题是不带有标签和介绍的,这时候需要在博客根目录的source文件夹下建立tags文件夹和about文件夹。

注:建议不要直接新建文件,而是采用 hexo 的 hexo new page tags 和 hexo new page about 的方式新建文件,这样可以被 hexo 索引到。

创建好之后在两个文件夹的index.md中分别输入以下内容

1
2
3
4
---
layout: "tags"
title: "Tags"
---
1
2
3
4
5
6
---
layout: "about"
title: "About"
date: 2016-04-21 04:48:33
comments: true
---

再次打开主页就会看到生成了两个新的列表

在博客根目录的 source 文件夹下建立 img 文件夹
*采用 hexo 的 hexo new page img *

然后并将头像文件命名为avatar.jpg,logo文件命名为favicon.ico

然后修改_config.yml文件,增加以下内容

1
sidebar-avatar: img/avatar.jpg

就可以了

网站标题

在 _config.yml 文件中,增加以下内容

1
SEOTitle: George'blog

冒号后面修改成你想要的名字就可以了

签名

比如最顶端的签名,我们同样可以自定义

This is a picture without description

只要在_config.yml文件,修改以下内容即可

1
subtitle: 你想要的签名

搜索功能

搜索功能同样是不自带的,我们在安装搜索功能之前,首先要安装一个插件
在git中输入以下命令进行安装

1
npm i hexo-generator-search --save

然后在_config.yml文件中增加以下内容即可

1
2
3
search:
path: search.json
field: post

社交网络

底部的社交网络我们可以自行修改,但是只能在官方限制的范围内进行修改
编辑根目录的 _config.yml 文件,增加:

1
2
3
4
5
6
# SNS settings
# 一些社交平台地址,支持以下几种:
weibo_username: 5676314204
zhihu_username: swaggy-chen
github_username: chenyicai0819
twitter_username: George chan

还有一些其他的社交网络可以参考官方文档

赞赏功能

我们同样可以在我们的博客中添加一个赞赏功能
只要在img文件夹中增加收款码图片,并命名为donate.jpg
然后在 _config.yml 文件中增加以下内容,即可在在每篇文章下面增加一个赞赏功能

1
2
3
donate:
img: img/donate.jpg
content: 感谢鼓励

修改用户名

只需修改 _config.yml 文件,中以下内容,即可修改用户名

1
author: 你的用户名

完成主题更换

至此,基本的冤死就已经设置完毕了,基本上只要修改 _config.yml 文件,就可以控制网站中所有的元素了,而官方的帮助文档也写的很清楚如何对各个模块进行设置

我的这篇文章只是针对我的设置进行了一个记录,所以需要更多资料的可以去参考官方的文档,基本上是写的非常明白了

部署到GitHub

跟之前一样,完成修改之后要部署到github,只需要以下几行命令

1
2
3
hexo clean  //清除缓存文件db.json和已生成的静态文件public
hexo g //生成网站静态文件到默认设置的public文件夹
hexo d //部署网站到设定的仓库

部署完成之后稍等一会,就可以看到修改之后的内容了

相关链接

官方文档

主题商城