个人博客建设6-主题的配置Next

个人博客建设第六步:本篇介绍如何配置Next主题,使其更加个性化,其他主题的配置其实也大同小异可以参考,这篇也是本教程的最后一篇,以后可能会更新更多关于博客建设的内容。

首先我们找到主题文件夹Next里的配置文件,对,就是那个和站点配置文件一样名字的_config.yml。打开会发现里面有几百行。。。不过没关系我会介绍最主要的几个配置。其他就留给大家自行探索了。

看我的博客可以看见有很多标签和分类,但是初始状态是没有的,我们需要配置。
首先我们找到menu 栏,把tags(标签),Categories(分类)或者其他需要的标签前的#号删除,表面我们使用这行代码

peizhi

保存后我们在博客主目录下输入:

1	hexo new page tags

我们就会在source文件夹内发现生成了一个tags的文件夹,打开里面的index.md文件按照如下设置

peizhi

然后保存就行了,其他的标签也是类似操作就不赘述了。之后我们在写文章时候按照如下格式写开头:

peizhi

就可以自动生成标签和分类了。每一次有新的标签和分类都会自动在网页生成,方便快捷~(自动保存在public文件夹内)

在站点配置文件中填写: language: ‘zh-CN’就可以设置中文了,其他语言参考如下:

peizhi

首先在博客根目录安装插件:

1	npm install hexo-generator-searchdb --save

在站点配置文件最后加上:

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

最后在主题配置文件中:找到 local_search 改为true(在vs code中可以使用搜索找到该参数)
这样部署一下博客内搜索功能就上线了。

打开站点配置文件,第一项里进行编辑,title,author和description等

也就是网页的图标,我的博客是一只手工画的小老鼠。
使用工具将需要的图片裁剪成1616和3232大小,然后打开next文件夹下的source文件夹,再打开images文件夹将图片保存其中。
打开主题配置文件找到favicon,如下输入自己文件名字:

1
2
3

favicon:
  small: /images/mouse16.ico
  medium: /images/mouse32.ico

再部署就可以看见图标已经更改。图片剪裁工具:比特虫

注册来必力,填写网站后可以得到一串代码,我们只需要其中一部分。
peizhi
复制这一串数字后我们打开主题配置文件,找到LiveRe comments system,去掉#注释,在livere_uid后粘贴上就完成了。

找到主题配置文件下的reward,把自己的微信收款或者支付宝收款二维码放上去就行了。

到这里一个自己的博客基本上就搭好了,接下来就是自我探索折腾的过程了,网上资源很多可以慢慢折腾自己的博客,我也会不定期的更新我所获得的搭博客小技巧。

在属于自己的一片小天地尽情发挥吧!