0%

博客制作(二)使用NexT主题美化博客界面

博客配置文件是指博客根目录下的_config.yml文件,
主题配置文件是指/themes/主题名/路径下的_config.yml文件

安装NexT主题

在博客根目录打开命令行,输入

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

安装完成后,打开博客配置文件修改最上方的theme项为next

修改完成后命令行输入hexo s本地运行一下看是否生效。(接下来的每一步操作都可以运行验证一下)

主题修改

主题修改可以参考官网给出的教程 ,本文仅介绍一些常见的修改。

修改语言

修改博客配置文件下的language项为zh-CN

修改菜单及创建分类页

修改主题配置文件下的menu项,按需要打开菜单。例如我需要把标签页面、分类页面打开,就把tags
categories项前面的#去掉就行了。

在博客根目录打开命令行,输入

1
2
$ hexo n page tags
$ hexo n page categories

这时候在source文件夹下下将有index.md,修改为:

1
2
3
4
5
---
title: 分类
date: 2021-01-24 15:19:01
type: "categories"
---

tags文件夹中tpye: "<>"的内容填tags

修改主题风格

NexT自带四种主题风格,可以在主题配置文件搜索Scheme项,将需要的风格前的#去掉,注意只能开启一个风格。

博客推荐使用PiscesGemini这两种风格

设置个人头像

编辑主题配置文件,搜索修改字段avatar,url值设置成头像的链接地址。可以设置成在线的图片地址。也可以把图片放在本地。

本地设置:放置在source/images目录下,设置为url: /images/<>.<>

rounded项可以设置头像为圆形,设置为ture后会自动根据头像的尺寸将头像变化为圆形

设置作者昵称与站点描述

设置博客配置文件中的author为昵称,description为描述。

侧边栏社交链接

编辑主题配置文件,搜索修改字段social,将需要的链接前的#去掉,并对链接进行修改

设置网站图标

搜索或制作, 并将图标名称改为favicon16.icofavicon32.ico
然后把图标放在/themes/next/source/images或者放在根目录的/source/images文件夹里。

在主题配置文件内搜索favicon字段,把 small、medium字段的地址修改为/images/favicon16.ico /images/favicon32.ico

部署到Github

在博客根目录打开命令行,输入

1
2
$ hexo clean
$ hexo g -d