Hexo个人博客主题配置

系列文章目录

1、Hexo+Github/Gitee 搭建个人博客
2、Hexo个人博客主题配置

---

---

本文介绍Hexo博客Next主题配置，博客配置效果：

• https://hiyong.gitee.io/
• https://hiyongz.github.io/

配置站点信息

修改根目录下的 _config.yml 文件，找到 Site 区域，配置站点标题 title、副标题 subtitle 、关键字 keywords，语言等内容：

\# Site
title: HiYong
subtitle: XXXXXXXXXXXXXXXXXX
description: XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
keywords: “技术分享，计算机网络，自动化测试，python，Java，机器学习”
author: HiYo
language: zh-CN
timezone:

修改主题

Hexo有各种炫酷的主题，可以去 https://hexo.io/themes/ 查看，选择自己喜欢的主题，个人比较喜欢简洁的，比如Next主题，下面介绍Next主题配置方法。

Next 主题GitHub地址：https://github.com/theme-next/hexo-theme-next

命令行进入到项目的根目录，执行如下命令，下载到themes/next 文件夹下：

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

或者直接下载

修改项目根目录下的_config.yml 文件，找到 theme 字段，修改为 next 即可，修改如下：

theme: next

然后本地重新开启服务，访问刷新下页面，就可以看到 next 主题就切换成功了

hexo clean 
hexo g 
hexo serve

Next主题配置

主题设置可以参考官方文档：https://theme-next.org/docs/， 修改 themes/next/_config.yml 文件

样式

Next 主题提供了多种样式，选择Pisces 样式，其它样式

# Schemes
scheme: Pisces
# scheme: Muse
# scheme: Mist
# scheme: Pisces
# scheme: Gemini

直接刷新页面

favicon

Favicon(favorites icon)，是与某个网站或网页相关联的图标，也被称为 website icon（网页图标）、page icon（页面图标）或 url icon（URL 图标）。

favicon 就是站点标签栏的小图标，默认使用的 Hexo 图标，可以自己定制小图标。可以使用https://realfavicongenerator.net 生成各种尺寸的图标，上传你制作好的图片，打包下载各种尺寸和适配不同设备的小图标。

图标下载下来之后把它放在 themes/next/source/images 目录下面。然后在配置文件里面找到 favicon 配置项，把一些相关路径配置进去即可，示例如下：

favicon:
  small: /images/logo_favicon-16x16.png
  medium: /images/logo_favicon-32x32.png
  apple_touch_icon: /images/logo_apple-touch-icon.png
  safari_pinned_tab: /images/logo.svg

配置完成之后刷新页面，整个页面的标签图标就被更新了。

avatar

avatar 为站点的头像，显示在作者信息旁边

• 将头像放置到 themes/next/source/images/avatar.png 路径
• 然后在主题 _config.yml 文件下编辑 avatar 的配置，修改为正确的路径。

# Sidebar Avatar
avatar:
  # url: #/images/avatar.gif
  url: /images/logo_android-chrome-192x192-wechat.png
  # If true, the avatar would be dispalyed in circle.
  rounded: false
  # If true, the avatar would be rotated with the cursor.
  rotated: false

rounded：是否显示圆形
rotated：是否带有旋转效果

rss

简易信息聚合 (Really Simple Syndication或Richsite summary)是站点用来和其他站点之间共享内容的一种简易方式。

1. 安装插件hexo-generator-feed
在项目根目录下运行命令：npm install hexo-generator-feed --save

安装完成之后，站点会自动生成 RSS Feed 文件

2. 编辑项目配置文件
在项目根目录下的 _config.yml 文件中添加以下代码

feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: " "
  order_by: -date
  icon: icon.png

将 url 修改为自己博客的域名

url: https://hiyong.gitee.io

3. 修改 Next 主题配置文件
修改Next 主题配置文件_config.yml：

social:
  GitHub: https://github.com/hiyongz/|| fa fa-github  
  # E-Mail: zhiyo2016@163.com/|| envelope
  RSS