Hexo博客Next主题美化

本文介绍如何在Hexo博客的nexT主题中进行个性化定制,包括更改主题语言、头像、头像显示样式、博客标题及作者名,以及如何开启版权说明、添加标签与分类页面、开启网站计数、显示文章底部标签图标和添加Live2D宠物。

​ 本文主要说明在Hexo博客nexT主题下如何进行美化,具体对应效果可通过本博客页面进行查看。

  • Hexo version: 4.2.0
  • nexT version:7.8.0

更改nexT主题为中文

​ 在站点配置文件中的Site配置进行如下修改:

language: zh-CN # 简体中文

更改头像

​ 将头像图片放在/blog/themes/next/source/images/下,然后在主题配置文件下搜索avatar.gif,修改为要替换的头像图片名称。

# Replace the default image and set the url here.
url: /images/avatar.jpg # 头像图片名称 这里我的图片成名为avatar.jpg

更改头像显示框为圆形

​ 在/blog/themes/next/source/css/_common/outline/sidebar文件夹下编辑sidebar-author.styl文件,做出如下修改:

.site-author-image {
  border: $site-author-image-border-width solid $site-author-image-border-color;
  display: block;
  margin: 0 auto;
  max-width: $site-author-image-width;
  padding: 2px;
  
  /* 头像圆形 */
  border-radius: 50%; # 新增
  transition: 2s all; # 新增

  if (hexo-config('avatar.rounded')) {
    border-radius: 50%;
  }
}

更改博客标题和作者名称

​ 在站点配置文件中的Site配置进行如下修改:

# Site
title: Alderaan的博客 # 博客名称<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值