Anzhiyu主题美化教程（随缘更新）

最近不是搞了一个hexo-next主题来当博客吗？按照网上的教程美化过后感觉总差点啥，于是乎我就找到了一位up主：神烦老狗，他的博客我感觉很美观。这是链接老狗博客的链接
经过一番查找,我发现了他的hexo主题是Anzhiyu,于是我就尝试着把我的博客主题换成Anzhiyu,经过一番努力,终于成功了,下面就是我的美化教程整理,希望对你们有所帮助。(全部来自官方文档)

1. 安装Anzhiyu主题

不多赘述，可以看官方文档：Anzhiyu主题官方文档

2. 美化教程

1.找到站点配置文件_config.yml，搜索: language: ,后面写上zh-CN，代表中文。

2.在主题配置文件中搜索: preloader: ,那一串代码改为

1
2
3
4
5
6
7
8
9
10
preloader:
  enable: true
  # source
  # 1. fullpage-loading
  # 2. pace (progress bar)
  # else all
  source: 3
  # pace theme (see https://codebyzach.github.io/pace/)
  pace_css_url:
  avatar: 这里填你的动画头像地址，建议上传一个图床 # 自定加载动画义头像

效果：image

3.在主题配置文件中搜索peoplecanvas,将enable的false改为true，在source/_data目录下新建creativity.yml文件，将以下代码复制进去

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
- class_name: 开启创造力
  creativity_list:
    - name: GPT4
      color: "#fff"
      icon: https://image.wxiaow.us.kg/file/2af3ac9420ef0d36145da.png
    - name: HuggingFace
      color: "#fff"
      icon: https://image.wxiaow.us.kg/file/34da81d5a5302755252dc.png
    - name: Vue.js
      color: "#6c48ba"
      icon: https://image.wxiaow.us.kg/file/839480b1ec522e6468f75.png
    - name: Node
      color: "#333"
      icon: https://npm.elemecdn.com/anzhiyu-blog@2.1.1/img/svg/node-logo.svg
    - name: Hexo
      color: "#fff"
      icon: https://image.wxiaow.us.kg/file/c3b029a792514d9627d7b.png
    - name: Pinia
      color: "#fff"
      icon: https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/pinia-logo.svg
    - name: Python
      color: "#fff"
      icon: https://bu.dusays.com/2023/04/09/643293b1230f7.png
    - name: Vite
      color: "#937df7"
      icon: https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/vite-logo.svg
    - name: Docker
      color: "#0092E6"
      icon: https://image.wxiaow.us.kg/file/45ce29545154654fe8cea.png
    - name: Vscode
      color: "#e2ffff"
      icon: https://image.wxiaow.us.kg/file/df7fd347b249820b5f662.png
    - name: Vercel
      color: "#fff"
      icon: https://image.wxiaow.us.kg/file/f0db8d4f607da8d4062db.png
    - name: Claude
      color: "#B1886C"
      icon: https://image.wxiaow.us.kg/file/0e53e2334483af0391b65.png
    - name: Zeabur
      color: "#000000"
      icon: https://image.wxiaow.us.kg/file/7fb97c16b8f284bc1cb0a.png
    - name: Bing
      color: "#fff"
      icon: https://image.wxiaow.us.kg/file/412427add9d6fdfc0f5cb.png
    - name: Git
      color: "#df5b40"
      icon: https://bu.dusays.com/2023/04/09/643293b10ccdd.webp
    - name: Github
      color: "#fff"
      icon: https://image.wxiaow.us.kg/file/7db5b854d3a4cb270137d.png

就可以在首页的左侧看到技能点点播了。
效果: 效果
是不是感觉很有逼格了呢？(doge
注：里面的name是名称，color是底色，icon是图标地址，可以自行更改（既然是我写的，掺杂着一点自己的东西没事的吧，嘻嘻）

4.左下角音乐球配置：
打开主题配置文件，搜索nav_music,修改为:

1
2
3
4
5
6
nav_music:
  enable: true
  console_widescreen_music: false # 宽屏状态控制台显示音乐而不是标签 enable为true 控制台依然会显示
  id: 12373023210
  server: netease
  volume: 0.7 # 默认音量

id为音乐单id,如我的网易云音乐音乐单id就为：12373023210
server为音乐平台，我这里用的是网易云，所以为netease,其他平台可以看以下表格

参数 默认值 描述
id 无，必须传入 歌曲ID / 歌单ID / 专辑ID / 搜索关键词
server 无，必须传入 音乐平台: 网易云, QQ音乐, 酷狗, 虾米, 百度（不知道虾米和百度是什么音乐）
type 无，必须传入 类型：歌曲, 音乐单, 专辑, 搜索, artist(?)
auto options 歌曲网址，仅支持网易云，腾讯，虾米音乐
fixed false 音乐球原来的大小
mini false 迷你版
autoplay false 自动播放
theme #2980b9 音乐球颜色
loop all 别管
order list 别管
preload auto 默认就行
volume 0.7 默认音量，用户修改过后不起作用
mutex true 不允许多人一起放同一个音乐，如一起放，只会让一个人放(?)
lrc-type 0 不清楚
list-folded false 折叠列表
list-max-height 340px 列表最大高度
storage-name metingjs 用于存储播放器设置的本地存储密钥(?)

volume为音量，默认为0.7