装修日记:

以下是在框架搭建完成后,我对其的”额外修改”参数:

top_img背景图:

1
2
3
4
5
6

人潮汹涌图片丢失了可恶!

只能在主题文件
/img
里自己添加了 !!!

Live2D的引入

模型)

模型 时间 可互动
初始模型 2025/2/8 暂无
双马尾女勇者 2025/2/8 暂无

时间API的引入

插件:electric_clock

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
electric_clock:
enable: true # 开关
priority: 5 #过滤器优先权
enable_page: all # 应用页面
exclude:
# - /posts/
# - /about/
layout: # 挂载容器类型
type: class
name: sticky_layout
index: 0
loading: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/loading.gif #加载动画自定义
clock_css: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.css
clock_js: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.js
ip_api: https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0
qweather_key: # 和风天气key
gaud_map_key: # 高得地图web服务key
default_rectangle: false # 开启后将一直显示rectangle位置的天气,否则将获取访问者的地理位置与天气
rectangle: 112.982279,28.19409 # 获取访问者位置失败时会显示该位置的天气,同时该位置为开启default_rectangle后的位置

界面显示动画

  1. 界面动画
    • ⚡ T实时预览
    • 🔧 向外扩张
  2. 流畅运行
    • ☁️ 快速
    • 📚 丝滑
      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
      wowjs:
      enable: true #控制动画开关。true是打开,false是关闭
      priority: 10 #过滤器优先级
      mobile: false #移动端是否启用,默认移动端禁用
      animateitem:
      - class: recent-post-item #必填项,需要添加动画的元素的class
      style: animate__zoomIn #必填项,需要添加的动画
      duration: 1.5s #选填项,动画持续时间,单位可以是ms也可以是s。例如3s,700ms。
      delay: 200ms #选填项,动画开始的延迟时间,单位可以是ms也可以是s。例如3s,700ms。
      offset: 30 #选填项,开始动画的距离(相对浏览器底部)
      iteration: 1 #选填项,动画重复的次数
      - class: card-widget
      style: animate__zoomIn
      delay: 200ms
      # - class: flink-list-card
      # style: wowpanels
      - class: flink-list-card
      style: animate__flipInY
      duration: 3s
      - class: flink-list-card
      style: animate__animated
      duration: 3s
      - class: article-sort-item
      style: animate__slideInRight
      duration: 1.5s
      - class: site-card
      style: animate__flipInY
      duration: 3s
      - class: site-card
      style: animate__animated
      duration: 3s
      animate_css: https://cdn.cbd.int/hexo-butterfly-wowjs/lib/animate.min.css
      wow_js: https://cdn.cbd.int/hexo-butterfly-wowjs/lib/wow.min.js
      wow_init_js: https://cdn.cbd.int/hexo-butterfly-wowjs/lib/wow_init.js

外挂标签

1
2
3
4
5
6
7
8
9
10
11
12
13
tag_plugins:
enable: true # 开关
priority: 5 #过滤器优先权
issues: false #issues标签开关
link:
placeholder: /img/siteicon/64.png #link_card标签默认的图标图片
CDN:
anima: https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.css #动画标签anima的依赖
jquery: https://cdn.cbd.int/jquery@latest/dist/jquery.min.js #issues标签依赖
issues: https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/assets/issues.js #issues标签依赖
iconfont: /js/ali_font.js #参看https://akilar.top/posts/d2ebecef/
carousel: https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/assets/carousel-touch.js
tag_plugins_css: https://cdn.cbd.int/hexo-butterfly-tag-plugins-plus@latest/lib/tag_plugins.css

界面功能:

✅ 时间戳自动生成
✅ 模板片段复用
✅ Git版本控制

追番插件:

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
bangumi: # 追番设置
enable: true
source: bili
bgmInfoSource: 'bgmv0'
path:
vmid:
title: '追番列表'
quote: '生命不息,追番不止!'
show: 1
lazyload: true
srcValue: '__image__'
lazyloadAttrName: 'data-src=__image__'
loading:
showMyComment: false
pagination: false
metaColor:
color:
webp:
progress:
progressBar:
extraOrder:
order: latest
proxy:
host: '代理host'
port: '代理端口'
extra_options:
key: value
coverMirror:
cinema: # 追剧设置
enable: true
path:
vmid:
title: '追剧列表'
quote: '生命不息,追剧不止!'
show: 1
lazyload: true
srcValue: '__image__'
lazyloadAttrName: 'data-src=__image__'
loading:
metaColor:
color:
webp:
progress:
progressBar:
extraOrder:
order:
extra_options:
key: value
coverMirror:
game: # 游戏设置,仅支持source: bgmv0
enable: true
path:
source: bgmv0
vmid:
title: '游戏列表'
quote: '生命不息,游戏不止!'
show: 1
lazyload: true
srcValue: '__image__'
lazyloadAttrName: 'data-src=__image__'
loading:
metaColor:
color:
webp:
progress:
progressBar:
extraOrder:
order:
extra_options:
key: value
coverMirror:

本地搜索插件:

暂未配置:

1
2
3
4
5
# search:
# path: search.xml
# field: post
# content: true
# template: ./search.xml

hexo-plugin-panlink

添加了网盘链接,图像效果:

支持的平台
平台 标识符 是否支持提取码
百度网盘 百度 ✅
夸克网盘 夸克 ✅
蓝奏云 蓝邹 ✅
阿里云盘 阿里云 ✅
天翼云盘 天一 ✅
城通网盘 成通 ✅
123云盘 123 ✅
蓝奏云 蓝邹 ✅
GitHub的 GitHub的 ❌
吉蒂 吉蒂 ❌
微云 魏云 ✅
115网盘 115 ✅
迅雷云盘 迅雷 ✅
中国移动 云盘 义东 ✅
坚果云 建国 ✅
UC网盘 统一通信 ✅
文叔叔 文殊书 ✅

npm install hexo-stats-echarts

文章中添加交互式热图:

按标签统计:

Tags Pie Chart
Powered by hexo-stats-echarts

按年份划分的统计数据:
Years Pie Chart
Powered by hexo-stats-echarts

Blog Heatmap
Powered by hexo-stats-echarts

Tags Radar Chart
Powered by hexo-stats-echarts

Years Radar Chart
Powered by hexo-stats-echarts

npm install hexo-bilibili-card2 —save

文章中添加bilibili视频链接

npm install hexo-steamgames-page

装上steam插件以用于在界面中显示我的steam库游戏

steam:
enable: true # enable or disable plugin
appKey: “xxx” # steam api key
steamId: “xxx” # your steam id

npm install hexo-excerpt —save

为文章自动生成摘要

npm install hexo-douban-card —save

为文章中添加豆瓣电影、文章、音乐:

GitHub日历表

在js文件中添加

index.pug中引入
index.html中引入div标签



#