将博客主题更换为安知鱼

介绍

Hexo 的 Butteryfly 主题用的久了，感觉有些不够精致，之前有看见别人用过安知鱼的主题，是在 Butteryfly 基础上修改的，看起来感觉非常的不错的。

如果之前使用的是 Butteryfly 主题，更换起来也是非常的简单的。

GitHub - 安知鱼主题

使用主题

使用 Git 可以很方便的下载，在 Hexo 博客的主题根目录下执行下面的命令：

1
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu

修改 hexo 配置文件 _config.yml，把主题改为 anzhiyu: 

1
theme: anzhiyu

使主题生效，复制默认配置文件至主题根目录

1
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml

Windows 用户可以手动复制。

此时执行 hexo s 既可以访问 http://localhost:4000 查看预览。

修改配置

主题有一些默认的配置需要修改，下面记录我修改的部分：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
# Local search ，打开本地搜索，false to true
local_search:
  enable: true

# 修改头像链接
# Avatar (头像)
avatar:
  img: https://

# 添加自己的访问分析务服
# Analysis 
google_analytics: 

# 关闭打赏
# Sponsor/reward 
reward:
  enable: false

# 关闭首次访问时的 Loading，直接载入网页 L:786
# Loading Animation (加载动画)
preloader:
  enable: false

# 修改顶部导航 L:1049
# 首页顶部相关配置
home_top:
  enable: true # 开关
  timemode: date #date/updated
  title: 生活明朗
  subTitle: 万物可爱。
  siteText: anheyu.com
  category:
    - name: 前端
      path: /categories/前端开发/
      shadow: var(--anzhiyu-shadow-blue)
      class: blue
      icon: anzhiyu-icon-dove
    - name: 大学
      path: /categories/大学生涯/
      shadow: var(--anzhiyu-shadow-red)
      class: red
      icon: anzhiyu-icon-fire
    - name: 生活
      path: /categories/生活日常/
      shadow: var(--anzhiyu-shadow-green)
      class: green
      icon: anzhiyu-icon-book

# 可以开启自定义右键菜单 L:1221
rightClickMenu:
  enable: false

# 该图片 404 了，进行替换 L:1225
# 首页随便逛逛people模式 而非技能点模式，关闭后为技能点模式需要配置 creativity.yml 
peoplecanvas:
  enable: true
  img: https://upload-bbs.miyoushe.com/upload/2024/07/27/125766904/ba62475f396df9de3316a08ed9e65d86_5680958632268053399..png

一些问题

  • Artalk 兼容存在问题，还未适配新版
  • 窄屏模式下，标题部分样式存在问题，开启主色调即可