记录博客主页的搭建(二)
完成上篇文章的所有步骤
主题是个性化个人博客的很重要的一个模块,当然hexo默认也有一个主题,但是我们可以到hexo的主题商城中下载更多我们喜欢的主题。
选择想要的主题
点击大图可以进行预览,点击名称就可以进入主题的GitHub仓库,就可以进行clone了
然后在本地clone主题的仓库,放到hexo目录的themes文件夹中,再去修改_config.yml文件,就可以应用这个主题了
将theme后面的名称改为刚才clone的文件夹名称,就可以应用主题了
1 | # Extensions |
创建标签以及存档
默认的主题是不带有标签和介绍的,这时候需要在博客根目录的source文件夹下建立tags文件夹和about文件夹。
注:建议不要直接新建文件,而是采用 hexo 的 hexo new page tags 和 hexo new page about 的方式新建文件,这样可以被 hexo 索引到。
创建好之后在两个文件夹的index.md中分别输入以下内容
1 | --- |
1 | --- |
再次打开主页就会看到生成了两个新的列表
更换头像以及网站logo
在博客根目录的 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 |
冒号后面修改成你想要的名字就可以了
签名
比如最顶端的签名,我们同样可以自定义
只要在_config.yml文件,修改以下内容即可
1 | subtitle: 你想要的签名 |
搜索功能
搜索功能同样是不自带的,我们在安装搜索功能之前,首先要安装一个插件
在git中输入以下命令进行安装
1 | npm i hexo-generator-search --save |
然后在_config.yml文件中增加以下内容即可
1 | search: |
社交网络
底部的社交网络我们可以自行修改,但是只能在官方限制的范围内进行修改
编辑根目录的 _config.yml 文件,增加:
1 | # SNS settings |
还有一些其他的社交网络可以参考官方文档
赞赏功能
我们同样可以在我们的博客中添加一个赞赏功能
只要在img文件夹中增加收款码图片,并命名为donate.jpg
然后在 _config.yml 文件中增加以下内容,即可在在每篇文章下面增加一个赞赏功能
1 | donate: |
修改用户名
只需修改 _config.yml 文件,中以下内容,即可修改用户名
1 | author: 你的用户名 |
完成主题更换
至此,基本的冤死就已经设置完毕了,基本上只要修改 _config.yml 文件,就可以控制网站中所有的元素了,而官方的帮助文档也写的很清楚如何对各个模块进行设置
我的这篇文章只是针对我的设置进行了一个记录,所以需要更多资料的可以去参考官方的文档,基本上是写的非常明白了
部署到GitHub
跟之前一样,完成修改之后要部署到github,只需要以下几行命令
1 | hexo clean //清除缓存文件db.json和已生成的静态文件public |
部署完成之后稍等一会,就可以看到修改之后的内容了