羽希 Hexo https://kwisma.github.io/ All rights reserved 2026, 羽希 梦开始的地方，也是梦结束的地方 一颗心始于悲哀 2026-05-12T17:00:09.389Z 羽希 超级工厂管理（Super Factory Manager，简称 SFM）是一款强大的 Minecraft 模组，能够通过简单的代码实现复杂的自动化操作。本教程将分享一些常用的自动化代码模板，帮助玩家更高效地管理资源和机器。

灌注机

批量燃烧物品，全自动熔炼

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
name "灌注机自动化"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to "机器"  -- 将能量输出到机器
end

every 20 ticks do  -- 每20个刻（tick）执行以下操作
    input fluid:: from "水槽"  -- 从水槽输入液体
    output fluid:: to each "机器"  -- 将液体输出到每台机器
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    input *phyto* from "肥料箱"  -- 从肥料箱输入“*phyto*”资源
    output to each "机器"  -- 将其输出到每台机器
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    if insolator has <1 *seeds* then  -- 如果机器中少于1个“*seeds*”
        input *seeds* from "种子箱"  -- 从主箱子输入“*seeds*”
        output 1 to each "机器"  -- 每台机器输出1个“*seeds*”
    end
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    input from "机器" slots 2-5  -- 从机器的第2到第5槽位输入物品
    output *seeds* to "种子箱"  -- 将“*seeds*”输出到主箱子
    output to "箱子"  -- 将其余物品输出到chest
end

蜂蜜收集

全自动收集

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
name "蜜蜂资源"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器"  -- 将能量输出到机器
end

every 20 ticks do  -- 每20个刻（tick）执行以下操作
-- 基因提取
    input from "me接口"
    output *glass_bottle to "蜂箱" slots 0
    output *glass_bottle to "装瓶机" slots 0
    output *rose_bush to "繁殖箱"
    output *honey_treat to "孵化机" slots 1
    output *bee_cage to "繁殖箱" slots 0
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    input from "繁殖箱"slots 5
    output to "孵化机" slots 0
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    input from "离心机" slots 2-10
    output *gene to "基因检索器"
    output to "me接口"
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    input from "装瓶机" slots 11
    output to "me接口"
    forget  -- 清除状态，确保后续操作不受之前步骤影响
-- 养蜜蜂
    input from "蜂箱" slots 2-10
    output
        *configurable_comb,
        *configurable_honeycomb,
    to "热力离心机" slots 1
    output *gene to "基因检索器"
    output EXCEPT
        *configurable_comb,
        *configurable_honeycomb,
        *gene,
    to "me接口"
    forget  -- 清除状态，确保后续操作不受之前步骤影响
-- 离心机输出
    input from "热力离心机" slots 2-10
    output to "me接口"
    forget  -- 清除状态，确保后续操作不受之前步骤影响
    input fluid:: from "热力离心机"
    output fluid:: to "me接口"
end

裂变燃料

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
-- 摆放循序：电解分离器 >  化学灌注器a > 化学氧化机a > 回旋式气液转换机 > 化学灌注器b > 化学溶解室 > 化学灌注器c > 化学氧化机b > 同位素离心机
name "裂变燃料"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end

every 20 ticks do  -- 每20个刻（tick）执行以下操作
    input fluid:: from "水槽" top side
    output fluid:: to each "电解分离器" bottom side
    output fluid:: to each "回旋式气液转换机" bottom side
    output fluid:: to each "加压反应室" bottom side
    forget
    input from "me接口"
    output *fluorite to "化学溶解室" bottom side
    output *sulfur to "化学氧化机a" bottom side
    output *yellow_cake_uranium to "化学氧化机b" bottom side
    output *fluorite_dust to "加压反应室" top side
    forget
    input gas:mekanism:sulfur_trioxide from "化学灌注器a" bottom side
    output gas:mekanism:sulfur_trioxide to "化学灌注器b" bottom side
    forget
    input gas:mekanism:uranium_hexafluoride from "化学灌注器c" bottom side
    output gas:mekanism:uranium_hexafluoride to "同位数离心机" bottom side
    forget
    input gas:mekanism:fissile_fuel from "同位数离心机" front side
    output gas:mekanism:fissile_fuel to "化学储罐" bottom side
    forget
    input pellet_plutonium from "加压反应室" bottom side
    output to "me接口"
end

四级矿产

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
72
73
74
75
-- 机器可无序摆放
name "4级矿产"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end

every 20 ticks do  -- 每20个刻（tick）执行以下操作
    input fluid:: from "水槽" top side
    output fluid:: to each "电解分离器" top side
    output fluid:: to each "回旋式气液转换机" top side
    output fluid:: to each "化学清洗机" top side
    output fluid:: to each "电解分离器2" top side
    output fluid:: to each "电解分离器3" top side
    forget
    input from "me接口" top side
    output alltheores:sulfur to "化学氧化机" top side -- 输入硫磺
    forget
    -- 从右侧抽取氧
    input slurry:mekanism:oxygen from each  "电解分离器" west side
    output slurry:mekanism:oxygen to "化学灌注室a" west side
    forget
    -- 从右侧抽取二氧化硫
    input slurry:mekanism:sulfur_dioxide from each "化学氧化机" west side
    output slurry:mekanism:sulfur_dioxide to "化学灌注室a" east side
    forget
    input chemical:mekanism:sulfur_trioxide  from each "化学灌注室a" north side
    output chemical:mekanism:sulfur_trioxide to "化学灌注室b" east side
    forget
    input slurry:mekanism:water_vapor from each "回旋式气液转换机" west side
    output slurry:mekanism:water_vapor to "化学灌注室b" west side
    forget
    input slurry:mekanism:sulfuric_acid from each "化学灌注室b" north side
    output slurry:mekanism:sulfuric_acid to "化学溶解室" east side
    forget
    input infusion:: from each "化学溶解室" west side
    output infusion:: to "化学清洗机" east side
    forget
    input infusion:: from each "化学清洗机" west side
    output infusion:: to "化学结晶室" east side
    forget
    input from each "化学结晶室" west side
    output to "化学压射室" east side
    forget
    input fluid:: from each "盐水" top side
    output fluid:: to "电解分离器1" top side
    forget
    input slurry:mekanism:chlorine from each "电解分离器1" west side
    output slurry:mekanism:chlorine to "化学灌注室1" west side
    forget
    input slurry:mekanism:hydrogen from  each "电解分离器2" east side
    output slurry:mekanism:hydrogen to "化学灌注室1" east side
    forget
    input slurry:mekanism:hydrogen_chloride  from each "化学灌注室1" north side
    output slurry:mekanism:hydrogen_chloride to "化学压射室" top side
    forget
    input from each "化学压射室" west side
    output to "提纯工厂" east side
    forget
    input slurry:mekanism:oxygen from each "电解分离器3" west side
    output slurry:mekanism:oxygen to "提纯工厂" top side
    forget
    input from each "提纯工厂" west side
    output to "粉碎机" east side
    forget
    input from each "粉碎机" west side
    output to "富集工厂" east side
    forget
    input from each "富集工厂" west side
    output to "熔炼工厂" east side
    forget
    input from each "熔炼工厂" west side
    output to "me接口" east side
end

熔炼工厂

沙砾和沙子产物处理

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
72
73
74
75
76
-- 沙砾和沙子产物处理
name "熔炼工厂"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end
every 20 ticks do
    input from  "me接口" top side
    output minecraft:gravel to each "筛子" slots 2-10
    output 1 exdeorum:netherite_mesh to each "筛子" slots 1
    output 3 exmachinis:diamond_upgrade to each "筛子" slots 0
    output minecraft:sand to each "筛子2" slots 2-10
    output 1 exdeorum:netherite_mesh to each "筛子2" slots 1
    output 3 exmachinis:diamond_upgrade to each "筛子2" slots 0
    forget
    input from each "缓存" top side
    output to "处理" top side
    forget
    input
        minecraft:gold_ore,
        minecraft:iron_ore,
        alltheores:platinum_ore,
        alltheores:lead_ore,
        minecraft:copper_ore,
        alltheores:aluminum_ore,
        alltheores:silver_ore,
        alltheores:osmium_ore,
        alltheores:tin_ore,
        alltheores:nickel_ore,
        alltheores:zinc_ore,
        alltheores:uranium_ore,
    from "处理" top side
    output to each "熔炉" top side
    forget
    input
        allthemodium:allthemodium_nugget,
        minecraft:emerald,
        xycraft_world:xychorium_gem_red,
        actuallyadditions:black_quartz,
        minecraft:coal,
        minecraft:flint,
        alltheores:salt,
        alltheores:sulfur,
        forbidden_arcanus:arcane_crystal,
        minecraft:amethyst_shard,
        minecraft:redstone,
        minecraft:blaze_powder,
        minecraft:gunpowder,
        minecraft:sea_pickle,
        minecraft:prismarine_shard,
        minecraft:prismarine_crystals,
        minecraft:kelp,
        alltheores:fluorite,
        xycraft_world:xychorium_gem_dark,
        powah:uraninite,
        xycraft_world:xychorium_gem_light,
        minecraft:cactus,
        ae2:charged_certus_quartz_crystal,
        enderio:grains_of_infinity,
        minecraft:iron_nugget,
        minecraft:diamond,
        ae2:certus_quartz_dust,
        ae2:certus_quartz_crystal,
        xycraft_world:xychorium_gem_blue,
        xycraft_world:xychorium_gem_green,
        minecraft:glowstone_dust,
        minecraft:bone_meal,
        ae2:sky_dust,
        minecraft:lapis_lazuli,
    from "处理" top side
    output to "me接口" top side
    forget
    input from each "熔炉" bottom side
    output to "me接口" top side
end

深板岩

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
name "深板岩筛矿"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end
every 20 ticks do
    input from  "me接口" top side
    output *cobbled_deepslate_9x to each "粉碎" top side
--    output 1 exdeorum:netherite_mesh to each "筛子" slots 1
--    output 3 exmachinis:diamond_upgrade to each "筛子" slots 0
    forget
    input *crushed_deepslate_9x from "粉碎" north side
    output *crushed_deepslate_9x to "合成" slots 2
    forget
    input *crushed_deepslate_7x from "合成" slots 0
    output *crushed_deepslate_7x to "合成2" slots 2
    forget
    input *crushed_deepslate_5x from "合成2" west side slots 0
    output *crushed_deepslate_5x to "合成3" slots 2
    forget
    input *crushed_deepslate_3x from "合成3" slots 0
    output *crushed_deepslate_3x to "合成4" slots 2
    forget
    input *crushed_deepslate_1x from "合成4" slots 0
    output *crushed_deepslate_1x to "合成5" slots 2
    forget
    input *crushed_deepslate from "合成5"  slots 0
    output to each "筛子" slots 2-10
    forget
    input from each "缓存" top side
    output to "处理" top side
    forget
    input
        alltheores:tin_ore,
        alltheores:osmium_ore,
        alltheores:silver_ore,
        minecraft:copper_ore,
        alltheores:lead_ore,
        alltheores:platinum_ore,
        minecraft:iron_ore,
        minecraft:gold_ore,
        alltheores:nickel_ore,
        alltheores:uranium_ore,
    from "处理" top side
    output to each "熔炉" top side
    forget
    input
        minecraft:amethyst_shard,
        minecraft:lapis_lazuli,
    from "处理" top side
    output to "me接口" top side
    forget
    input from each "熔炉" bottom side
    output to "me接口" top side
end

尘土

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
name "尘土筛矿"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end
every 20 ticks do
    input from  "me接口" top side
    output exdeorum:dust to each "筛子" slots 2-10
--    output 1 exdeorum:netherite_mesh to each "筛子" slots 1
--    output 3 exmachinis:diamond_upgrade to each "筛子" slots 0
    forget
    input from each "缓存" top side
    output to "me接口" top side
end

沙子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
name "沙子筛矿"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end
every 20 ticks do
    input from  "me接口" top side
    output minecraft:sand to each "筛子" slots 2-10
--    output 1 exdeorum:netherite_mesh to each "筛子" slots 1
--    output 3 exmachinis:diamond_upgrade to each "筛子" slots 0
    forget
    input from each "缓存" top side
    output to "me接口" top side
end

沙砾

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
name "沙砾筛矿"  -- 定义机器的名称

every 1 ticks do  -- 每1个刻（tick）执行以下操作
    input forge_energy:: from "能量" top side  -- 从顶部立方体输入锻造能量
    output forge_energy:: to each "机器" bottom side -- 将能量输出到机器
end
every 20 ticks do
    input from  "me接口" top side
    output minecraft:gravel to each "筛子" slots 2-10
--    output 1 exdeorum:netherite_mesh to each "筛子" slots 1
--    output 3 exmachinis:diamond_upgrade to each "筛子" slots 0
    forget
    input from each "缓存" top side
    output to "处理" top side
    forget
    input
        minecraft:gold_ore,
        minecraft:iron_ore,
        alltheores:platinum_ore,
        alltheores:lead_ore,
        minecraft:copper_ore,
        alltheores:aluminum_ore,
        alltheores:silver_ore,
        alltheores:osmium_ore,
        alltheores:tin_ore,
        alltheores:nickel_ore,
        alltheores:zinc_ore,
        alltheores:uranium_ore,
    from "处理" top side
    output to each "熔炉" top side
    forget
    input
        minecraft:coal,
        minecraft:amethyst_shard,
        minecraft:emerald,
        minecraft:diamond,
        minecraft:lapis_lazuli,
    from "处理" top side
    output to "me接口" top side
    forget
    input from each "熔炉" bottom side
    output to "me接口" top side
end
]]> https://kwisma.github.io/2026/05/10/sfm_automation_guide/ 2026-05-10T11:28:46.000Z 超级工厂管理（Super Factory Manager，简称 SFM）是一款强大的 Minecraft 模组，能够通过简单的代码实现复杂的自动化操作。本教程将分享一些常用的自动化代码模板，帮助玩家更高效地管理资源和机器。

]]> SFM 自动化代码 2026-05-12T17:00:09.389Z 羽希 当 Android 设备连接到 WiFi 网络时，系统会进行“网络连通性检测”（captive portal detection），通过向特定 URL 发送 HTTP 请求并检查返回的状态码来判断是否能够正常访问互联网。如果检测失败，系统会在 WiFi 图标上叠加感叹号或叉号，影响使用体验。本文介绍如何自定义或关闭该检测，移除网络图标上的感叹号/叉号。

什么是 generate_204

generate_204 是 HTTP Status Code 204 No Content 的空白响应代码服务接口，用于检测网络连通性。当设备向此接口发送请求并收到 204 状态码时，判定网络可用；否则认为需要登录或网络不可用。

公共 generate_204 服务接口列表

下表列出了常见厂商和服务提供商的 generate_204 接口（以及部分非 204 返回的测试接口）：

服务提供商链接HTTP/HTTPSIP Version
华为http://connectivitycheck.platform.hicloud.com/generate_204204 / 204IPv4
荣耀http://connectivitycheck.platform.hihonorcloud.com/generate_204204 / 204IPv4 & IPv6
小米http://connect.rom.miui.com/generate_204204 / 204IPv4
Cloudflarehttps://cp.cloudflare.com/generate_204204 / 204IPv4 & IPv6
Firefoxhttp://detectportal.firefox.com/success.txt200 / 200IPv4 & IPv6
Googlehttps://clients1.google.com/generate_204204 / 204IPv4 & IPv6
Googlehttps://clients2.google.com/generate_204204 / 204IPv4 & IPv6
Googlehttps://googleapis.com/generate_204204 / 204IPv4 & IPv6
Googlehttps://goo.gl/generate_204204 / 204IPv4 & IPv6
Googlehttp://google.cn/generate_204204 / 204IPv4 & IPv6
Googlehttp://google.com.hk/generate_204204 / 204IPv4 & IPv6
Googlehttp://google.com.tw/generate_204204 / 204IPv4 & IPv6
Googlehttp://google.com/generate_204204 / 204IPv4 & IPv6
Googlehttp://www.gstatic.com/generate_204204 / 204IPv4 & IPv6
Googlehttp://www.youtube.com/generate_204204 / 204IPv4 & IPv6
Googlehttp://yt.be/generate_204204 / 204IPv4 & IPv6
Microsofthttp://www.msftconnecttest.com/connecttest.txt200 / errIPv4
OPPOhttp://conn1.oppomobile.com/generate_204204 / 204IPv4 & IPv6
OPPOhttp://conn2.oppomobile.com/generate_204204 / 204IPv4 & IPv6
Qualcommhttp://www.qualcomm.cn/generate_204204 / 204IPv4 & IPv6
vivohttp://wifi.vivo.com.cn/generate_204204 / 204IPv4

说明：表中 Google 相关多个域名接口仅列出常见示例，实际厂商和服务域名更多。

使用方法

建议根据设备所在地选择延迟最低、支持 HTTP/HTTPS 双协议栈、且返回 204 状态码的接口；部分 Android 版本对协议栈或状态码有严格要求。

  • Android 6.x 及以下
1
adb shell "settings put global captive_portal_server connect.rom.miui.com"
  • Android 7.x 及以上（需分别设置 HTTP/HTTPS）
1
adb shell settings put global captive_portal_http_url http://connect.rom.miui.com/generate_204
1
adb shell settings put global captive_portal_https_url https://connect.rom.miui.com/generate_204
  • 禁用网络连通性检测（移除感叹号/叉号）
1
adb shell settings put global captive_portal_detection_enabled 0
  • 启用网络连通性检测
1
adb shell settings put global captive_portal_detection_enabled 1
  • （可选）设置 NTP 校时服务器地址
1
adb shell settings put global ntp_server ntp.ntsc.ac.cn
  • 查看所有可配置项
1
adb shell settings list global
1
adb shell getprop

注意：禁用检测后，WiFi 图标不再显示感叹号/叉号，但无法自动发现需要登录的门户页面。

参考资料

  1. Android Captive Portal 原理与设置详解：https://www.noisyfox.io/android-captive-portal.html
]]> https://kwisma.github.io/2025/05/11/captive_portal_detection/ 2025-05-11T11:58:00.000Z 当 Android 设备连接到 WiFi 网络时，系统会进行“网络连通性检测”（captive portal detection），通过向特定 URL 发送 HTTP 请求并检查返回的状态码来判断是否能够正常访问互联网。如果检测失败，系统会在 WiFi 图标上叠加感叹号或叉号，影响使用体验。本文介绍如何自定义或关闭该检测，移除网络图标上的感叹号/叉号。

]]> 类原生 Android 去除 WiFi 网络感叹号/叉号 2026-05-12T16:54:58.877Z 羽希 本项目提供了一个 Bash 脚本，用于将指定目录下的所有文件自动上传到 GitHub Release。它通过 GitHub API 自动创建以日期命名的 Release、删除已存在的同名附件，并上传最新的文件内容。

该脚本适用于日常任务自动发布、CI/CD 管道中的文件归档、版本记录和工具打包等场景，特别适合需要将每日构建结果或更新文件推送到 Release 的使用者。

功能介绍

  • 自动检测当天的 GitHub Release 是否存在，不存在则创建；
  • 自动遍历指定目录下的所有文件，逐个上传到 GitHub Release；
  • 如已存在同名附件，自动删除旧附件再上传；
  • 上传文件时自动保留原文件名作为 release 附件名。

使用说明

1. 准备工作

  • 拥有一个 GitHub 仓库；
  • 生成一个 GitHub Token（需要 repo 权限）；
  • 安装 jq（用于处理 JSON 数据）：
1
sudo apt install jq

2. 设置上传目录

将你要上传的文件放入 upload/ 文件夹（也可修改脚本中的路径）。

3. 代码保存

将如下代码保存至 up.sh

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
#!/bin/bash

token="你的 GitHub Token"
repo="你的用户名/你的仓库名"
upload_dir="upload"  # 可根据需要修改
tag=$(date +"%Y.%m.%d") #上传标签
upload_dir="upload" #上传目录
release_body="" #上传描述

echo "上传文件到 GitHub Release..."

# 获取 release 信息（如果不存在会返回 null）
release_info=$(curl -s -H "Authorization: token ${token}" \
  https://api.github.com/repos/${repo}/releases/tags/${tag})

release_id=$(echo "$release_info" | jq -r '.id')

# 如果 release 不存在，则创建一个
if [[ "$release_id" == "null" || -z "$release_id" ]]; then
  echo "Release 不存在，正在创建 Release..."
  release_info=$(curl -s -X POST \
    -H "Authorization: token ${token}" \
    -H "Content-Type: application/json" \
    -d "{
      \"tag_name\": \"${tag}\",
      \"name\": \"${tag}\",
      \"body\": \"${release_body}\",
      \"draft\": false,
      \"prerelease\": false
    }" \
    https://api.github.com/repos/${repo}/releases)

  release_id=$(echo "$release_info" | jq -r '.id')
  echo "已创建 Release：ID = $release_id"
else
  echo "Release 已存在：ID = $release_id"
fi

# 遍历目录下所有文件上传
for filepath in "$upload_dir"/*; do
  filename=$(basename "$filepath")
  echo "处理文件：$filename"

  # 检查是否已有同名附件
  echo "检查是否已有名为 ${filename} 的附件..."
  assets=$(curl -s -H "Authorization: token ${token}" \
    https://api.github.com/repos/${repo}/releases/${release_id}/assets)

  asset_id=$(echo "$assets" | jq -r ".[] | select(.name == \"${filename}\") | .id")

  if [[ -n "$asset_id" ]]; then
    echo "发现同名附件（ID: $asset_id），正在删除..."
    curl -s -X DELETE -H "Authorization: token ${token}" \
      https://api.github.com/repos/${repo}/releases/assets/${asset_id}
    echo "已删除旧附件"
  fi

  # 上传新的附件
  echo "上传新附件 ${filename}..."
  curl -s -X POST \
    -H "Authorization: token ${token}" \
    -H "Content-Type: application/octet-stream" \
    --data-binary @"${filepath}" \
    "https://uploads.github.com/repos/${repo}/releases/${release_id}/assets?name=${filename}"

  echo "上传完成 ✅"
done

4. 修改脚本配置项

编辑 up.sh 中以下内容：

1
2
3
4
5
6
token="你的 GitHub Token"
repo="你的用户名/你的仓库名"
upload_dir="upload"  # 可根据需要修改
tag=$(date +"%Y.%m.%d") #上传标签
upload_dir="upload" #上传目录
release_body="" #上传描述

5. 运行脚本

1
bash up.sh

执行后会自动：

  • 检查或创建当天的 Release；
  • 删除已存在的同名文件；
  • 上传新文件至 Release。

示例输出

1
2
3
4
5
6
7
上传文件到 GitHub Release...
Release 不存在，正在创建 Release...
已创建 Release：ID = 12345678
处理文件：example.txt
检查是否已有名为 example.txt 的附件...
上传新附件 example.txt...
上传完成 ✅

常见用途

  • 自动发布构建产物（如编译后的程序包）；
  • 每日归档日志或数据文件；
  • 备份 CI/CD 结果；
  • 简化 Release 管理流程。

注意事项

  • 默认以 年.月.日 形式自动生成 tag；
  • GitHub Release 的单个附件大小限制为 2GB；
  • 脚本不会递归子目录，仅处理指定目录下的一级文件。

授权协议

脚本部分基于 MIT License 开源发布，欢迎自由使用与修改。如需商业部署，请留意 GitHub API 使用条款。

]]> https://kwisma.github.io/2025/04/15/github_release_auto_upload/ 2025-04-15T06:17:30.000Z 本项目提供了一个 Bash 脚本，用于将指定目录下的所有文件自动上传到 GitHub Release。它通过 GitHub API 自动创建以日期命名的 Release、删除已存在的同名附件，并上传最新的文件内容。

该脚本适用于日常任务自动发布、CI/CD 管道中的文件归档、版本记录和工具打包等场景，特别适合需要将每日构建结果或更新文件推送到 Release 的使用者。

]]> GitHub Release 自动上传脚本 2026-05-12T16:58:53.265Z 羽希 在日常开发过程中，我们常常需要手动维护 GitHub 的 Release、附件资源、Tag 等内容，繁琐且容易出错。为了解决这个问题，我编写了一个脚本，用于自动删除指定的 GitHub Release 附件、对应的 Release 记录以及 Tag 标签，从而提高工作效率，降低误操作的风险。

使用说明

依赖项

  • curl
  • jq
  • GitHub Personal Access Token（需要 repo 权限）

脚本功能

  1. 根据指定的 tag 获取 release_id；
  2. 查找 release 中名为 ${asset_name} 的附件；
  3. 如果找到了，删除该附件；
  4. 删除对应的 release；
  5. 删除 tag。

使用方式

将以下代码保存到 delete_github_release.sh

环境变量：

1
2
3
4
token="你的 GitHub Token"
repo="用户名/仓库名"
tag="release 的 tag 名"
asset_name="需要删除的附件名"

删除附件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#!/bin/bash

echo "正在删除 Release 附件：$asset_name"

asset_id=$(curl -s -H "Authorization: token ${token}" \
  https://api.github.com/repos/${repo}/releases/${release_id}/assets \
  | jq -r ".[] | select(.name == \"${asset_name}\") | .id")

if [[ -n "$asset_id" ]]; then
  curl -s -X DELETE \
    -H "Authorization: token ${token}" \
    https://api.github.com/repos/${repo}/releases/assets/${asset_id}
  echo "✅ 已删除附件：$asset_name"
else
  echo "⚠️ 未找到附件：$asset_name"
fi

删除 release 和 tags 标签

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
#!/bin/bash

echo "正在删除 Release 附件：$asset_name"

release_id=$(curl -s -H "Authorization: token ${token}" \
  https://api.github.com/repos/${repo}/releases/tags/${tag} | jq -r .id)

# 删除 release
if [[ -n "$release_id" && "$release_id" != "null" ]]; then
  curl -s -X DELETE \
    -H "Authorization: token ${token}" \
    https://api.github.com/repos/${repo}/releases/${release_id}
  echo "🗑️ 已删除 Release：$tag"
else
  echo "⚠️ 未找到 Release：$asset_name"
fi

# 删除 tag
response_code=$(curl -s -o /dev/null -w "%{http_code}" -X DELETE \
  -H "Authorization: token ${token}" \
  https://api.github.com/repos/${repo}/git/refs/tags/${tag})

if [[ "$response_code" == "204" ]]; then
  echo "🏷️ 已删除 Tag：$tag"
else
  echo "⚠️ 未找到 Tag：$asset_name"
fi

执行代码

1
bash delete_github_release.sh

注意事项

  • 建议先备份 Release 内容，确认无误后再执行脚本；
  • GitHub 的 API 请求有频率限制，Token 权限不足也会导致操作失败；
  • tag 必须已存在，否则无法获取 release_id。

示例场景

你在自动化部署项目时，上传了多个 Release 文件，后续需要删除其中某一个旧版本资源，并清理无用的 Release 标签时可以使用本脚本。

结语

这个脚本可以集成到 CI/CD 流程中，也可以单独运行，灵活性高。如果你有更多想法或者改进建议，欢迎交流～

]]> https://kwisma.github.io/2025/04/15/delete_github_release/ 2025-04-15T05:43:16.000Z 在日常开发过程中，我们常常需要手动维护 GitHub 的 Release、附件资源、Tag 等内容，繁琐且容易出错。为了解决这个问题，我编写了一个脚本，用于自动删除指定的 GitHub Release 附件、对应的 Release 记录以及 Tag 标签，从而提高工作效率，降低误操作的风险。

]]> 使用 Bash 脚本批量删除 GitHub Release 附件与标签 2026-05-12T16:57:43.337Z 羽希 在配置如 Clash 等代理工具的 YAML 文件时，经常会出现定义了许多 rule-providers，但在 rules 中实际并未使用的问题。这不仅会导致配置臃肿、维护成本增加，也可能降低配置文件的加载效率。

为了解决这个问题，本工具可自动读取并分析你的 YAML 配置文件，找出那些 在 rule-providers 中定义了却没有在 rules 中被引用 的部分，并输出详细的日志与统计信息，方便你快速清理无用规则。

🎯 功能简介

  • ✅ 自动分析 config.yaml 中的 rules 和 rule-providers
  • ✅ 精准识别 RULE-SET 类型的规则引用
  • ✅ 找出未被引用的 rule-providers
  • ✅ 输出详细日志信息与总计统计
  • ✅ 帮助你优化配置文件，清理无效资源

📦 安装方法

你需要先确保本地有 Node.js 环境，然后安装 js-yaml 依赖：

1
npm install js-yaml

🚀 使用方法

将以下脚本保存为 check-unused-rule-providers.js：

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
const fs = require('fs');
const yaml = require('js-yaml');

// 加载 YAML 文件
const filePath = 'Mihomo.yaml';
console.log(`📄 正在读取文件: ${filePath}`);

const fileContent = fs.readFileSync(filePath, 'utf8');
const config = yaml.load(fileContent);

// 获取 rule-providers
const ruleProviders = config['rule-providers'] || {};
const providerKeys = Object.keys(ruleProviders);
// console.log('🔍 发现的 rule-providers:');
providerKeys.forEach(key => {
  // console.log(`- ${key}`);
});
// console.log(`总数：${providerKeys.length}\n`);

// 读取并分析 rules
const rules = config.rules || [];
// console.log('📦 分析 rules 列表:');
rules.forEach((rule, index) => {
  // console.log(`${index + 1}. ${rule}`);
});
// console.log('');

// 提取 rules 中的 RULE-SET 使用情况
const usedProviders = new Set();
let ruleSetCount = 0;

rules.forEach(rule => {
  const parts = rule.split(',');
  if (parts[0] === 'RULE-SET' && parts.length >= 2) {
    const providerName = parts[1].trim().toLowerCase();
    usedProviders.add(providerName);
    ruleSetCount++;
    // console.log(`✅ 规则使用了 provider: ${providerName}`);
  }
});
// console.log('');

// 查找未被使用的 rule-providers
console.log('🧾 检查哪些 rule-providers 没有被使用...');
const unusedProviders = providerKeys.filter(p => !usedProviders.has(p.toLowerCase()));

// 输出结果
if (unusedProviders.length === 0) {
  console.log('✅ 所有 rule-providers 都已在 rules 中使用。');
} else {
  console.log('⚠️ 未在 rules 中使用的 rule-providers:');
  unusedProviders.forEach(p => console.log(`- ${p}`));
}

// 输出统计信息
console.log('📊 统计信息:');
console.log(`- rule-providers 总数: ${providerKeys.length}`);
console.log(`- rules 中 RULE-SET 规则数量: ${ruleSetCount}`);
console.log(`- 未使用的 rule-providers 数量: ${unusedProviders.length}`);

执行代码

1
node check-unused-rule-providers.js

默认会读取当前目录下的 config.yaml 文件。

如果你的配置文件不叫 config.yaml，可修改脚本中的：

1
const filePath = 'config.yaml'; // 改为你的文件名

📄 示例 YAML 结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
rules:
  - RULE-SET,lan,proxy
  - RULE-SET,ads,direct

rule-providers:
  Lan:
    <<: *classical
    url: url
    path: ./ruleset/Lan.yaml
  Ads:
    <<: *classical
    url: url
    path: ./ruleset/Ads.yaml
  NotUsed:
    <<: *classical
    url: url
    path: ./ruleset/NotUsed.yaml

📤 示例输出结果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
📄 正在读取文件: config.yaml

🔍 发现的 rule-providers:
- Lan
- Ads
- NotUsed
总数：3

📦 分析 rules 列表:
1. RULE-SET,lan,proxy
2. RULE-SET,ads,direct

✅ 规则使用了 provider: lan
✅ 规则使用了 provider: ads

🧾 检查哪些 rule-providers 没有被使用...

⚠️ 未在 rules 中使用的 rule-providers:
- NotUsed

📊 统计信息:
- rule-providers 总数: 3
- rules 中 RULE-SET 规则数量: 2
- 未使用的 rule-providers 数量: 1
]]> https://kwisma.github.io/2025/04/13/check_unused_rule_providers/ 2025-04-13T10:27:09.000Z 在配置如 Clash 等代理工具的 YAML 文件时，经常会出现定义了许多 rule-providers，但在 rules 中实际并未使用的问题。这不仅会导致配置臃肿、维护成本增加，也可能降低配置文件的加载效率。

为了解决这个问题，本工具可自动读取并分析你的 YAML 配置文件，找出那些 在 rule-providers 中定义了却没有在 rules 中被引用 的部分，并输出详细的日志与统计信息，方便你快速清理无用规则。

]]> YAML Rule Provider 检查工具 2026-05-12T16:57:18.065Z 羽希

“春天 马上就要来了
让我与你相遇的春天 就要来了
再也没有你的春天 就要来了”

当最后的乐谱在焚化炉中化作纷飞的灰蝶，宫园薰用谎言编织的四月永远定格在了公生的黑白琴键里。这部以古典乐为经纬的作品，本质上是一部关于「存在」与「消逝」的盛大安魂曲。本文将解析那些飘落在五线谱间隙的樱花碎片，如何构建出当代青少年亚文化语境下最凄美的生命寓言。

一、色彩暴力的叙事悖论

1.1 色谱失衡的视觉隐喻

  • 薰标志性的柠檬黄发饰与苍白面容形成致命反差
  • 公生黑白世界的破碎与重组（见图1钢琴烤漆面的倒影畸变）
  • 医院纯白空间对生命力的渐进吞噬（色彩剥离速率与病情发展正相关）

1.2 声音矩阵的情感解构

乐章类型公生感知变化薰的生命体征
竞赛曲目机械性复现 → 声音真空伪装健康期
即兴演奏色彩涌现 → 听觉过敏病情恶化期
告别合奏全频段通感 → 永恒静默临床死亡期

1.3 色谱战争（数据可视化）

1
2
3
4
5
6
pie
    title 色彩情绪分布
    "柠檬黄（希望）" : 38
    "纯白（死亡）" : 27
    "樱粉（幻觉）" : 19
    "黑白（现实）" : 16

二、谎言拓扑学：三重叙事迷宫

2.1 元谎言架构

1
2
3
4
graph LR
A[「讨厌公生」] --> B[「想要合奏」]
B --> C[「手术成功」]
C --> D[「永远春天」]
1
2
3
4
5
6
7
sequenceDiagram
    公生->>薰: 奏响《爱的忧伤》
    loop 心跳同步
        薰-->>公生: 微笑反馈
        公生-->>薰: 音色震颤
    end
    薰->>天堂: 琴弓坠地

2.2 音乐性欺骗

  • 肖邦《离别曲》的变奏欺骗（B.66-B.71节拍器异常加速）
  • 公生触键力度与心电图波形的高度拟合（见图2声波-心电叠加分析）

2.3 爱的微分方程

$$
\frac{\partial Love}{\partial t} = -\alpha \cdot Truth + \beta \cdot Lies^{\gamma}
$$

其中：

  • $\alpha$: 现实腐蚀系数
  • $\beta$: 谎言渗透率
  • $\gamma$: 自我欺骗指数

三、樱花刑场：物哀美学的现代转译

3.1 物哀方程式

$$
\lim_{n \to \infty} \left(1 + \frac{1}{n}\right)^n = e \quad \Rightarrow \quad \lim_{days \to 14} \left(1 + \frac{1}{life}\right)^{spring} = \infty
$$

3.2 季节暴政

  • 四月樱花祭的集体无意识狂欢
  • 薰的14岁：樱花花期精确映射（染井吉野樱平均寿命≈角色生存时长）

3.3 琴键墓志铭

“你驻足于春色中，于那独一无二的春色之中”

当公生在最终演奏中故意错弹升C音，这个被刻意保留的「不协和音」成为最残酷的真相：完美即虚妄，缺憾才是存在的证明。那些被薰篡改的乐谱页码，最终化作逆向生长的年轮，将永远年轻的灵魂封印在永远的四月。

一、流程图（Flowchart）

1
2
3
4
5
6
7
8
graph TD
    A[公生琴声停滞] --> B{触发事件}
    B -->|薰闯入| C[黑白世界破碎]
    B -->|独自练习| D[音色持续灰化]
    C --> E[色彩重新流动]
    D --> F[音乐人格消亡]
    E --> G[樱花葬礼协奏曲]
    F --> G

二、序列图（Sequence Diagram）

1
2
3
4
5
6
7
8
9
sequenceDiagram
    公生->>薰: 奏响《爱的忧伤》
    loop 心跳同步
        薰-->>公生: 微笑反馈
        Note right of 公生: 琴键震动频率=心跳数
        公生-->>薰: 音色震颤
    end
    薰->>天堂: 琴弓坠地
    天堂-->>公生: 飘落乐谱碎片

三、甘特图（Gantt）

1
2
3
4
5
6
7
8
9
10
11
12
13
gantt
    title 樱花存活倒计时
    dateFormat  YYYY-MM-DD
    axisFormat  %m/%d
    
    section 谎言周期
    健康伪装       :active, 2014-04-01, 2014-08-20
    病情恶化       :crit, 2014-08-21, 2014-12-31
    
    section 音乐轨迹
    公生复健       :2014-04-07, 60d
    双人合奏       :milestone, 2014-06-14, 0d
    最后演出       :milestone, 2014-12-28, 0d

四、类图（Class Diagram）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
classDiagram
    class 宫园薰 {
        +String 谎言清单
        +void 修改乐谱()
        +Sound 小提琴音色()
    }
    
    class 有马公生 {
        -Color 视觉空间
        +void 触键矫正()
        +void 听觉重构()
    }
    
    宫园薰 --> 有马公生 : 施加「色彩污染」
    有马公生 --> 宫园薰 : 反馈「声音坐标」

五、状态图（State Diagram）

1
2
3
4
5
6
7
8
9
10
11
12
13
stateDiagram-v2
    [*] --> 黑白世界
    黑白世界 --> 色彩渗透: 薰拉响小提琴
    色彩渗透 --> 全色暴走: 合奏成功
    色彩渗透 --> 黑白世界: 演奏中断
    
    state 全色暴走 {
        [*] --> 樱花粉
        樱花粉 --> 柠檬黄
        柠檬黄 --> 医院白
    }
    
    全色暴走 --> 永恒灰阶: 薰去世

六、饼图（Pie Chart）进阶

1
2
3
4
5
6
pie
    title 公生听觉构成（最终章）
    "薰的笑声" : 42
    "手术仪警报" : 23
    "雨声" : 18
    "琴键泛音" : 17

七、实体关系图（ER Diagram）

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
erDiagram
    Kousei_Arima {
        Kousei Arima
    }

    Kaho_Miyazono {
        Kaho Miyazono
    }

    Tsubaki_Sawabe {
        Tsubaki Sawabe
    }

    Ryota_Watari {
        Ryota Watari
    }

    Kousei_Mother {
        Kousei Mother
    }

    Kousei_Arima ||--|{ Kaho_Miyazono : "Romantic Love"
    Kaho_Miyazono ||--|{ Kousei_Arima : "Romantic Love"
    Kousei_Arima ||--|{ Tsubaki_Sawabe : "Friendship"
    Kousei_Arima ||--|{ Ryota_Watari : "Friendship"
    Tsubaki_Sawabe ||--|{ Ryota_Watari : "Friendship"
    Kousei_Arima ||--|{ Kousei_Mother : "Parental Relationship"
    Kaho_Miyazono ||--|{ Kousei_Mother : "Teacher-Student"

角色及其关系：

  1. 阿知贺海斗（Kousei Arima） - 男主角

    • 和 宫园薰（Kaho Miyazono） 有浪漫的爱情关系。
    • 和 澄田美月（Tsubaki Sawabe） 有青梅竹马的友情。
    • 和 渡亮太（Ryota Watari） 是朋友。
    • 和 有马贤一（Kousei’s Mother） 具有复杂的父母关系，母亲严苛地要求他。

  2. 宫园薰（Kaho Miyazono） - 女主角

    • 与 阿知贺海斗 有浪漫的爱情关系。
    • 与 有马贤一（Kousei’s Mother） 有师生关系。

  3. 澄田美月（Tsubaki Sawabe） - 海斗的青梅竹马

    • 与 阿知贺海斗 是朋友，且暗恋海斗。
    • 与 渡亮太 是朋友，喜欢亮太但未被回应。

  4. 渡亮太（Ryota Watari） - 海斗的朋友

    • 与 阿知贺海斗 是朋友。
    • 与 澄田美月 是朋友，美月喜欢他。

  5. 有马贤一（Kousei’s Mother） - 海斗的母亲

    • 与 阿知贺海斗 有压迫的母子关系。
    • 与 宫园薰 有师生关系，要求薰成为顶级小提琴家。

八、用户旅程图（User Journey）

1
2
3
4
5
6
7
8
9
10
11
journey
    title 观众泪腺激活路径
    section 初次相遇
      公生弹奏机械音: 5: 困惑
      薰破窗而入: 8: 期待
    section 盛夏谎言
      天台喂鸽场景: 7: 温馨
      医院轮椅对话: 9: 不安
    section 终章引爆
      信件告白: 10: 心碎
      樱花葬礼: 12: 崩溃

九、需求图（Requirement）

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
requirementDiagram

requirement Musical_Legacy {
    id: R1
    text: "有马公生必须克服钢琴演奏的心理障碍"
    risk: high
    verifymethod: test
}

functionalRequirement Violin_Duet {
    id: R1.1
    text: "宫园薰的小提琴演奏需要与钢琴完美配合"
    risk: low
    verifymethod: inspection
}

performanceRequirement Spring_Concert {
    id: R1.2
    text: "春季音乐会必须达到专业级演出水准"
    risk: medium
    verifymethod: demonstration
}

interfaceRequirement Instrument_Sync {
    id: R1.2.1
    text: "钢琴与小提琴声部需要精确同步"
    risk: medium
    verifymethod: analysis
}

physicalRequirement Stage_Lighting {
    id: R1.2.2
    text: "舞台灯光需要随音乐情绪变化"
    risk: medium
    verifymethod: analysis
}

designConstraint Music_Score {
    id: R1.2.3
    text: "必须使用原版乐谱进行改编"
    risk: medium
    verifymethod: analysis
}

element Final_Performance {
    type: "test suite"
    docRef: concert_hall/schedule
}

element Heart_Score {
    type: "word doc"
    docRef: scores/spring_sonata
}

element Competition_Sim {
    type: simulation
}

Final_Performance - satisfies -> Violin_Duet
Musical_Legacy - traces -> Violin_Duet
Musical_Legacy - contains -> Spring_Concert
Spring_Concert - contains -> Instrument_Sync
Instrument_Sync - derives -> Stage_Lighting
Stage_Lighting - refines -> Music_Score
Competition_Sim - verifies -> Stage_Lighting
Musical_Legacy <- copies - Heart_Score

这个需求图通过以下方式映射原作：

  1. 核心需求围绕公生的音乐重生之旅
  2. 功能需求体现薰与公生的二重奏关系
  3. 性能需求对应重要演出场景
  4. 接口需求展现乐器配合细节
  5. 物理需求包含舞台效果要素
  6. 设计约束强调乐谱的核心地位
  7. 验证元素对应剧中关键事件（比赛模拟、最终演奏等）

十、Git图（Git Graph）

1
2
3
4
5
6
7
8
9
10
gitGraph
    commit id: "Initial"
    branch feature/kaori
    checkout feature/kaori
    commit id: "First Meet"
    commit id: "Forced Duet"
    checkout main
    merge feature/kaori tag: "Color Invasion"
    commit id: "Key Fracture"
    commit id: "Eternal Gray" tag: "Finale"

使用技巧

  1. 动态交互：结合 click 事件实现注释弹出
    1
    2
    3
    graph LR
        A[樱花] -->|触发| B(公生眼泪)
        click A callback "樱花存活天数计算"
  2. 样式魔改：通过 style 自定义颜色
    1
    2
    3
    graph LR
        A[医院]:::death --> B[舞台]
        classDef death fill:#f9f2f4,stroke:#c7254e
  3. 多图联动：用 %%{init}%% 统一主题
    1
    2
    3
    4
    5
    %%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#ffd700' }}}%%
    pie
        title 生命色谱
        "希望" : 38
        "疼痛" : 62

以下是专门为《樱花落尽的协奏曲——论《四月是你的谎言》的悲剧美学》定制的XY象限图与用户旅程图深度应用方案：

XY象限图：悲剧坐标系的四维解构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
%%{init: {'themeVariables': { 'primaryColor': '#fff5ee'}}}%%
quadrantChart
    title 悲剧坐标系四维解构
    x-axis "现实浓度" --> "虚妄浓度"
    y-axis "存在强度" --> "消逝强度"
    
    quadrant-1 "血色浪漫"
    quadrant-2 "真空地带"
    quadrant-3 "死亡白噪"
    quadrant-4 "幽灵回响"
    
    "薰的初登场": [0.75, 0.75]
    "公生失聪期": [0.25, 0.75]
    "太平间场景": [0.25, 0.25]
    "公生最终独奏": [0.75, 0.25]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
%%{init: {'themeVariables': {'quadrant1Text': '#FF69B4'}}}%%
quadrantChart
    title 观众心理创伤热力图
    x-axis "剧情进度" --> "终章"
    y-axis "泪腺激活度" --> "崩溃阈值"
    
    quadrant-1 "甜蜜陷阱"
    quadrant-2 "慢性疼痛"
    quadrant-3 "延迟伤害"
    quadrant-4 "瞬时暴击"
    
    "天台初遇": [0.18, 0.75]
    "雨中奔跑": [0.35, 0.68]
    "手术通知": [0.72, 0.85]
    "焚谱时刻": [0.92, 0.95]

象限解析：

  1. 血色浪漫（高存在/低现实）：薰强行介入公生世界的瞬间，谎言浓度达峰值
  2. 真空地带（高存在/高现实）：母亲去世后的绝对音准如同刺眼探照灯
  3. 死亡白噪（低存在/低现实）：医院仪器声构建的抽象空间
  4. 幽灵回响（低存在/高现实）：残留琴声在现实世界的量子纠缠

用户旅程图：眼泪的动力学模型

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
journey
    title 观众泪腺激活曲线
    
    section 引力加速段
      天台初遇: 8: 期待
      雨中奔跑: 6: 隐痛
      首次合奏: 9: 震撼
    
    section 洛希极限段
      医院探视: 10: 窒息
      病床乐谱: 12: 心颤
    
    section 黑洞撕裂段
      临终信件: 15: 崩溃
      樱花葬礼: 20: 致盲级泪崩
    
    section 引力波余震
      片尾ED: 18: 延时伤害
      二刷预警: 10: PTSD触发

复合应用：时空撕裂算法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
%%{init: {
  'theme': 'base',
  'themeVariables': {
    'quadrant1Text': '#8b0000',
    'quadrant2Text': '#4b0082',
    'quadrant3Text': '#2f4f4f',
    'quadrant4Text': '#006400'
  }
}}%%
quadrantChart
    title Algorithm of spacetime fracture
    x-axis Reality Anchor --> Illusion Abyss
    y-axis Life Density --> Death Vacuum
    
    quadrant-1 "谎言奇点 (Lie Singularity)"
    quadrant-2 "记忆坟场 (Memory Graveyard)"
    quadrant-3 "幽灵剧场 (Ghost Theater)"
    quadrant-4 "量子坟茔 (Quantum Tomb)"
    
    "Cherry Blossom Festival": [0.7, 0.8]
    "Surgical Light": [0.3, 0.2]
    "Final Duet": [0.6, 0.4]
    "Blank Score": [0.9, 0.1]

这些可视化模型如同公生重构的听觉世界，将抽象的情感创伤转化为可量化的美学参数。当数据点越过泪腺阈值时，学术论文便完成了向情感共振器的终极进化。

后记

在东京都某条不知名街道，真实存在着动画中的藤架公园。每年四月，长椅上总会莫名出现柠檬味糖果。这或许印证了罗兰·巴特所言：「眼泪的存在，是为了证明悲伤不是幻觉」。当春风再次吹散琴谱，我们终于读懂薰的终极谎言——所谓死亡，不过是换乘上开往春天的永恒列车。

]]> https://kwisma.github.io/2025/04/12/Your_Lie_in_April/ 2025-04-12T04:30:27.000Z

“春天 马上就要来了
让我与你相遇的春天 就要来了
再也没有你的春天 就要来了”

当最后的乐谱在焚化炉中化作纷飞的灰蝶，宫园薰用谎言编织的四月永远定格在了公生的黑白琴键里。这部以古典乐为经纬的作品，本质上是一部关于「存在」与「消逝」的盛大安魂曲。本文将解析那些飘落在五线谱间隙的樱花碎片，如何构建出当代青少年亚文化语境下最凄美的生命寓言。

]]> 没有你的四月又来了 2026-05-12T17:00:28.737Z 羽希 在日常开发中，我们经常需要从大量数据中提取有用的信息，例如从日志或数据文件中提取 IP 和端口。手动处理这些数据既耗时又容易出错，因此编写一个自动化脚本来完成这项任务显得尤为重要。

本文将介绍一个使用 Node.js 编写的脚本，能够从 JSON 格式的数据文件中提取 IP 和端口，并自动去重，帮助开发者快速整理和分析数据。

假设你有一个文本文件（例如 data.json），每一行是一条 JSON 数据：

1
2
{"host": "https://112.170.255.67:50001", "ip": "112.170.255.67", "port": "50001", "server": "cloudflare", "country": "KR"}
{"host": "https://152.70.90.42", "ip": "152.70.90.42", "port": "443", "server": "cloudflare", "country": "KR"}

Node.js 脚本：extract-ip-port.js（含去重）

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
const fs = require('fs');
const readline = require('readline');

const inputFile = 'data.json';
const outputFile = 'ip.txt';

async function extractUniqueIPPort(input, output) {
  const fileStream = fs.createReadStream(input);
  const rl = readline.createInterface({
    input: fileStream,
    crlfDelay: Infinity
  });

  const uniqueSet = new Set();

  for await (const line of rl) {
    try {
      const json = JSON.parse(line);
      if (json.ip && json.port) {
        const combo = `${json.ip} ${json.port}`;
        uniqueSet.add(combo);
      }
    } catch (err) {
      console.error(`解析失败的行: ${line}`);
    }
  }

  // 写入去重后的结果
  fs.writeFileSync(output, Array.from(uniqueSet).join('\n'), 'utf8');
  console.log(`去重后的 IP 和端口已保存到 ${output}`);
}

extractUniqueIPPort(inputFile, outputFile);

🛠 使用说明：

  1. 将上面的代码保存为 extract-ip-port.js。
  2. 确保 data.txt 文件存在，且每行为一条合法的 JSON。
  3. 执行脚本：
1
node extract-ip-port.js

输出的 ip.txt 中只会包含唯一的 ip port 组合，例如：

1
2
112.170.255.67 50001
152.70.90.42 443
]]> https://kwisma.github.io/2025/04/11/extract_ip_port/ 2025-04-11T09:59:36.000Z 在日常开发中，我们经常需要从大量数据中提取有用的信息，例如从日志或数据文件中提取 IP 和端口。手动处理这些数据既耗时又容易出错，因此编写一个自动化脚本来完成这项任务显得尤为重要。

本文将介绍一个使用 Node.js 编写的脚本，能够从 JSON 格式的数据文件中提取 IP 和端口，并自动去重，帮助开发者快速整理和分析数据。

]]> 提取 IP 和端口的 Node.js 脚本 2026-05-12T16:58:38.977Z 羽希 在互联网时代，域名是网站的门牌号，一个好的域名不仅能提升品牌形象，还能增加用户的记忆度。然而，随着优质域名资源的逐渐减少，找到一个未被注册的理想域名变得越来越困难。为了简化这一过程，我们可以利用脚本自动生成随机域名并检查其可注册性，从而节省时间和精力。

本文将介绍如何使用 Node.js 编写一个脚本，生成随机的 5 位字母域名并检查其可注册性，同时将可用的域名动态保存到文件中。这种方法适合需要批量筛选域名的用户，帮助您快速找到心仪的域名。

生成随机的 5 位字母域名（例如，abcde.com），并在无限循环中检查其可注册性，将可注册的域名动态保存到文件中。以下是实现此功能的 Node.js 脚本：

  1. 安装必要的依赖包：
1
npm install whois fs
  1. 创建并运行脚本：

将以下代码保存为 checkDomains.js，然后在终端中运行：

1
node checkDomains.js
  1. 代码实现：
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
const whois = require('whois');
const fs = require('fs');
const util = require('util');

const queryWhois = util.promisify(whois.lookup);
const checkedDomains = new Set();
const availableDomainsFile = 'available_domains.txt';

// 生成随机的5位字母字符串
function generateRandomDomain() {
  const chars = 'abcdefghijklmnopqrstuvwxyz';
  let domain = '';
  for (let i = 0; i < 5; i++) {
    domain += chars[Math.floor(Math.random() * chars.length)];
  }
  return domain + '.com';
}

// 检查域名是否可注册
async function checkDomainAvailable(domain) {
  try {
    const data = await queryWhois(domain);
    if (data && (data.includes('No match') || data.includes('NOT FOUND'))) {
      console.log(`${domain} 可注册`);
      fs.appendFileSync(availableDomainsFile, domain + '\n');
    } else {
      console.log(`${domain} 已注册`);
    }
  } catch (err) {
    console.error(`查询 ${domain} 时出错: `, err);
  }
}

// 主函数：无限循环生成并检查域名
async function main() {
  while (true) {
    let domain;
    do {
      domain = generateRandomDomain();
    } while (checkedDomains.has(domain));

    checkedDomains.add(domain);
    await checkDomainAvailable(domain);
  }
}

main();

注意事项：

  • 无限循环：脚本中的 while (true) 实现了无限循环，持续生成并检查域名。

  • 去重处理：使用 Set 对象 checkedDomains 确保生成的域名不重复。

  • Whois 查询判断：根据 Whois 查询结果中包含的 'No match' 或 'NOT FOUND' 字样判断域名是否可注册。不同顶级域名的 Whois 信息格式可能不同，需要根据实际情况调整判断逻辑。

  • 保存可注册域名：可注册的域名会被追加保存到 available_domains.txt 文件中。

  • 错误处理：在 Whois 查询过程中，可能会遇到网络问题或其他异常，建议增加错误处理和重试机制。

  • 并发控制：当前实现是串行查询，效率较低。可以使用并发控制库（如 p-limit）来提高查询效率，但需注意 Whois 服务器的访问频率限制，避免被封禁。

  • 终止脚本：由于是无限循环运行，若需要停止脚本，可在终端中使用 Ctrl + C。

希望这段代码和说明能帮助您实现批量查询 Whois 并判断可注册域名的功能。

]]> https://kwisma.github.io/2025/04/10/domain_check_loop/ 2025-04-10T12:05:16.000Z 在互联网时代，域名是网站的门牌号，一个好的域名不仅能提升品牌形象，还能增加用户的记忆度。然而，随着优质域名资源的逐渐减少，找到一个未被注册的理想域名变得越来越困难。为了简化这一过程，我们可以利用脚本自动生成随机域名并检查其可注册性，从而节省时间和精力。

本文将介绍如何使用 Node.js 编写一个脚本，生成随机的 5 位字母域名并检查其可注册性，同时将可用的域名动态保存到文件中。这种方法适合需要批量筛选域名的用户，帮助您快速找到心仪的域名。

]]> 随机域名 2026-05-12T16:57:50.481Z 羽希 本文介绍如何使用 Node.js 和 Sharp 库将常见图片格式（如 .jpg、.png、.webp 等）相互转换，以减少图片体积并提升加载速度。

图片转换脚本

将（如 .jpg、.png、.webp等）图片格式相互转换

使用

将源码保存为 webp.js

安装依赖

1
npm install sharp fs-extra inquirer@8

执行代码

1
node webp.js 输入图片目录

源码

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
const sharp = require('sharp');
const fs = require('fs-extra');
const path = require('path');
const inquirer = require('inquirer');

// === 配置区域 ===
const inputDir = path.resolve(__dirname, 'input');         // 输入文件夹
const outputDir = path.resolve(__dirname, 'output');       // 输出文件夹

const supportedFormats = ['.jpg', '.jpeg', '.png', '.webp', '.svg']; // 支持的格式

fs.ensureDirSync(outputDir);

// ✅ 仅转换格式（不调整尺寸）
async function convertFormatsOnly(inputDir, outputDir) {
  const files = await fs.readdir(inputDir);
  for (const file of files) {
    const ext = path.extname(file).toLowerCase();
    if (!supportedFormats.includes(ext)) {
      console.log(`跳过不支持的文件: ${file}`);
      continue;
    }

    const inputPath = path.join(inputDir, file);
    const baseFileName = path.basename(file, ext);

    console.log(`仅转换格式: ${file}`);

    try {
      const image = sharp(inputPath);
      await image.clone().png().toFile(path.join(outputDir, `${baseFileName}_only.png`));
      await image.clone().webp({ quality: 100 }).toFile(path.join(outputDir, `${baseFileName}_only.webp`));
      await image.clone().jpeg({ quality: 100 }).toFile(path.join(outputDir, `${baseFileName}_only.jpeg`));

      if (ext === '.svg') {
        await fs.copyFile(inputPath, path.join(outputDir, `${baseFileName}_only.svg`));
      }

      console.log(`✅ 完成: ${file}`);
    } catch (err) {
      console.error(`❌ 格式转换失败: ${file}`, err);
    }
  }
}

// ✅ 调整尺寸 + 转换格式
async function resizeAndConvertImages(inputDir, outputDir, targetSize) {
  const files = await fs.readdir(inputDir);
  for (const file of files) {
    const ext = path.extname(file).toLowerCase();
    if (!supportedFormats.includes(ext)) {
      console.log(`跳过不支持的文件: ${file}`);
      continue;
    }

    const inputPath = path.join(inputDir, file);
    const baseFileName = path.basename(file, ext);

    console.log(`调整尺寸并转换格式: ${file}`);

    try {
      const resizedImage = sharp(inputPath)
        .resize(targetSize, targetSize, {
          fit: 'contain',
          background: { r: 255, g: 255, b: 255, alpha: 1 }
        });

      await resizedImage.clone().png().toFile(path.join(outputDir, `${baseFileName}.png`));
      await resizedImage.clone().webp({ quality: 100 }).toFile(path.join(outputDir, `${baseFileName}.webp`));
      await resizedImage.clone().jpeg({ quality: 100 }).toFile(path.join(outputDir, `${baseFileName}.jpeg`));

      if (ext === '.svg') {
        await resizedImage.clone().toFile(path.join(outputDir, `${baseFileName}.svg`));
      }

      console.log(`✅ 完成: ${file}`);
    } catch (err) {
      console.error(`❌ 转换失败: ${file}`, err);
    }
  }
}

// ✅ 获取用户输入的尺寸
async function askSize() {
  const answers = await inquirer.prompt([
    {
      type: 'input',
      name: 'size',
      message: '请输入目标宽高（一个整数，代表宽高都为此值）：',
      default: 48, // ✅ 默认值
      validate: value => {
        const valid = !isNaN(parseInt(value)) && parseInt(value) > 0;
        return valid || '请输入一个正整数';
      }
    }
  ]);
  return parseInt(answers.size);
}

// === 主程序 ===
(async () => {
  try {
    console.log('🔁 开始执行【仅格式转换】...');
    await convertFormatsOnly(inputDir, outputDir);

    const targetSize = await askSize();
    console.log(`🔧 设置目标尺寸为 ${targetSize} x ${targetSize}`);
    await resizeAndConvertImages(inputDir, outputDir, targetSize);

    console.log('🎉 所有操作完成！');
  } catch (err) {
    console.error('处理出错:', err);
  }
})();

]]> https://kwisma.github.io/2025/04/05/webp_convert_to/ 2025-04-05T14:16:20.000Z 本文介绍如何使用 Node.js 和 Sharp 库将常见图片格式（如 .jpg、.png、.webp 等）相互转换，以减少图片体积并提升加载速度。

]]> 图片格式转换为 WebP 2026-05-12T17:00:22.137Z 羽希 在现代互联网中，隐私保护变得越来越重要。DNS 和 WebRTC 泄露是两个常见的隐私风险，它们可能会暴露您的真实 IP 地址和网络活动，即使您使用了代理或 VPN。本文将详细介绍如何通过配置 DNS 和 WebRTC 设置，防止这些泄露，保护您的隐私。

防止 DNS 泄露

全部dns路由国外,仅包含在RULE-SET:CN,Private的dns路由国内以防止 DNS 泄露，您可以通过以下配置启用增强的 DNS 模块。以下是配置项的简要说明：

  • enable: 启用 DNS 模块。
  • cache-algorithm: 缓存算法，默认 arc。
  • prefer-h3: 优先使用 HTTP/3 协议进行 DNS 查询。
  • use-hosts 和 use-system-hosts: 使用自定义和系统的 hosts 文件条目。
  • respect-rules: 确保 DNS 查询遵守路由规则。
  • listen: 设置本地 DNS 服务监听的地址和端口。
  • ipv6: 启用 IPv6 DNS 解析。
  • default-nameserver: 配置默认的 DNS 服务器地址。
  • enhanced-mode: 启用增强模式（redir-host 或 fake-ip）。
  • fake-ip-range: 配置 fake-ip 地址池。
  • fake-ip-filter: 配置 fake-ip 的过滤规则。
  • nameserver: 配置用于 DNS 查询的服务器列表。
  • proxy-server-nameserver: 配置用于代理节点域名解析的 DNS 服务器。
  • direct-nameserver: 配置用于直连出口域名解析的 DNS 服务器。
  • nameserver-policy: 根据规则集为特定域名指定 DNS 服务器。

以下是示例配置：

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
dns:
  enable: true # 启用 DNS 模块
  cache-algorithm: arc # 缓存算法，参数:lru 最近最少使用，arc 自适应替换缓存
  prefer-h3: false # DOH 优先使用 http/3
  use-hosts: true # 使用配置中的 hosts 文件条目
  use-system-hosts: true # 使用系统的 hosts 文件条目
  respect-rules: true # dns 连接遵守路由规则，需配置 proxy-server-nameserver, 强烈不建议和 prefer-h3 一起使用
  listen: 0.0.0.0:1053 # 本地 DNS 监听端口，默认是 1053 端口
  ipv6: true # 启用 IPv6 DNS 解析，避免 IPv6 地址的解析请求
  default-nameserver:
    - quic://223.5.5.5 # 阿里 DNS 解析 DNS 域名
    - quic://223.6.6.6 # 阿里 DNS 解析 DNS 域名
    - "2400:3200::1" # 阿里 DNS 解析 DNS 域名
    - "2400:3200:baba::1" # 阿里 DNS 解析 DNS 域名
  enhanced-mode: fake-ip # 启用增强模式 redir-host or fake-ip
  fake-ip-range: 198.18.0.0/16 # fake-ip 池设置
  fake-ip-filter-mode: blacklist
  fake-ip-filter:
    - RULE-SET:Private,Fakeip_Filter,China
  nameserver-policy:
    RULE-SET:Private,China:
      - "quic://223.5.5.5" # 阿里 DNS over DOQ
      - "quic://223.6.6.6"
      - "quic://dns.jupitrdns.com" # JupitrDNS DNS over DOQ
  nameserver: # 设置多个 DNS 会泄漏不同服务商，不会泄漏 CN，如果在意建议只设置一个
    - "quic://dns.adguard-dns.com" # AdGuard DNS over DOQ
  proxy-server-nameserver: # 代理节点域名解析服务器，仅用于解析代理节点的域名
    - "quic://223.5.5.5" # 阿里 DNS over DOQ
    - "quic://223.6.6.6"
  direct-nameserver: #  用于直连出口域名解析的 DNS 服务器
    - "quic://223.5.5.5" # 阿里 DNS over DOQ
    - "quic://223.6.6.6"
  direct-nameserver-follow-policy: true # 是否遵循 nameserver-policy，默认为不遵守，仅当 direct-nameserver 不为空时生效

防止 WebRTC 泄露

WebRTC 泄露可能会暴露真实的 IP 地址，即使您使用了代理。为了防止 WebRTC 泄露，您需要启用 TUN 模式，确保所有流量都经过代理。以下是配置项的简要说明：

  • enable: 启用 TUN 模式，用于透明代理。
  • stack: 指定使用的网络栈，可选值为 system、gvisor 或 mixed。
  • auto-route: 自动根据流量选择最佳路由。
  • auto-redirect: 自动配置 iptables/nftables 以重定向 TCP 连接。
  • auto-detect-interface: 自动检测并使用适当的网络接口。
  • dns-hijack: 劫持指定端口的 DNS 请求，确保 DNS 查询通过代理。
  • device: 指定 TUN 设备名称，默认为 utun0。
  • exclude-package: 配置不经过代理的流量包。

以下是示例配置：

1
2
3
4
5
6
7
8
9
10
11
tun:
  enable: true # 启用 TUN 模式，用于透明代理
  stack: gvisor # 使用空间网络栈处理流量，可用值： system/gvisor/mixed
  auto-route: true # 自动根据流量选择最佳路由
  auto-redirect: false # 自动配置 iptables/nftables 以重定向 TCP 连接，需要root权限
  auto-detect-interface: true # 自动检测并使用适当的网络接口
  dns-hijack:
    - any:53 # 劫持所有 53 端口的 DNS 请求
    - tcp://any:53 # 劫持所有 TCP 53 端口的 DNS 请求
  device: utun0 # 指定 TUN 设备名称，默认为 utun0
  exclude-package: [] # 配置不经过代理的流量包

通过上述配置，您可以有效防止 WebRTC 泄露，保护您的隐私。

完整配置

完整配置文件: 点击这里

]]> https://kwisma.github.io/2025/04/05/mihomo_dns_webrtc/ 2025-04-05T13:38:16.000Z 在现代互联网中，隐私保护变得越来越重要。DNS 和 WebRTC 泄露是两个常见的隐私风险，它们可能会暴露您的真实 IP 地址和网络活动，即使您使用了代理或 VPN。本文将详细介绍如何通过配置 DNS 和 WebRTC 设置，防止这些泄露，保护您的隐私。

]]> 防止 DNS 和 WebRTC 泄露的配置指南 2026-05-12T16:59:35.077Z 羽希 本文将详细介绍如何在Linux系统上安装和配置mihomo工具，包括设置服务、配置面板以及代理的使用方法，帮助您快速上手。

mihomo Linux安装

下载mihomo

1
wget https://github.com/MetaCubeX/mihomo/releases/download/v1.19.4/mihomo-linux-amd64-v1.19.4.gz

解压

1
gzip -d mihomo-linux-amd64-v1.19.4.gz

移动到/usr/local/bin/mihomo并重命名

1
mv mihomo-linux-amd64 /usr/local/bin/mihomo

给执行权限

1
chmod +x /usr/local/bin/mihomo

设置成服务

1
vim /etc/systemd/system/mihomo.service
1
2
3
4
5
6
7
8
9
10
11
12
[Unit]
Description=mihomo service
After=network.target

[Service]
Type=simple
User=root
ExecStart=/usr/local/bin/mihomo
Restart=on-failure # or always, on-abort, etc

[Install]
WantedBy=multi-user.target

设置开机自启

1
2
systemctl daemon-reload
systemctl enable mihomo

启动

1
service mihomo start

配置面板

1
cd ~/.config/mihomo

下载配置文件

1
wget -U 'clash.meta' 订阅链接

下载面板，解压，重命名

1
2
3
wget https://github.com/haishanh/yacd/archive/gh-pages.zip
unzip gh-pages.zip
mv yacd-gh-pages/ dashboard/

配置面板

1
external-ui: dashboard

secret: xxxx #设置访问密码

external-controller: 0.0.0.0:9090 #别忘记在服务器厂商开放端口号

external-ui: dashboard #面板路径

修改系统代理

设置代理

1
vim /etc/profile

全局代理(开关版)

1
2
alias kmihomo="export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890"
alias gmihomo="unset  http_proxy  https_proxy  all_proxy"

开启代理

1
kmihomo

关闭代理

1
gmihomo

全局代理

1
2
export http_proxy=127.0.0.1:9090
export https_proxy=127.0.0.1:9090

重载配置文件

1
source /etc/profile

查看代理是否代理

1
env|grep -i proxy

其他指令

查看服务状态

1
service mihomo status

重启服务

1
service mihomo restart

停止服务

1
service mihomo stop
]]> https://kwisma.github.io/2025/04/05/mihomo_linux_install/ 2025-04-05T13:13:06.000Z 本文将详细介绍如何在Linux系统上安装和配置mihomo工具，包括设置服务、配置面板以及代理的使用方法，帮助您快速上手。

]]> mihomo安装与配置指南 2026-05-12T16:59:40.405Z 羽希 Hysteria2 是一款高性能的代理工具，支持 QUIC 协议，能够提供快速、稳定的网络连接。本教程将详细介绍如何安装和配置 Hysteria2，帮助您快速上手并部署到生产环境。

安装脚本

1
bash <(curl -fsSL https://get.hy2.sh/)

自签证书

1
openssl req -x509 -nodes -newkey ec:<(openssl ecparam -name prime256v1) -keyout /etc/hysteria/server.key -out /etc/hysteria/server.crt -subj "/CN=bing.com" -days 36500 && sudo chown hysteria /etc/hysteria/server.key && sudo chown hysteria /etc/hysteria/server.crt

修改配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
cat << EOF > /etc/hysteria/config.yaml
listen: :4000 #监听端口
tls:
  cert: /etc/hysteria/server.crt
  key: /etc/hysteria/server.key

auth:
  type: password
  password: 098f01eb-7b21-4ea4-9e5a-02c36392ba58 #设置认证密码

masquerade:
  type: proxy
  proxy:
    url: https://bing.com #伪装网址
    rewriteHost: true
quic:
  initStreamReceiveWindow: 8388608
  maxStreamReceiveWindow: 8388608
  initConnReceiveWindow: 20971520
  maxConnReceiveWindow: 20971520
EOF

开放端口跳跃

1
2
3
4
# IPv4
iptables -t nat -A PREROUTING -p udp --dport 4000:8000 -j DNAT --to-destination :4000
# IPv6
ip6tables -t nat -A PREROUTING -p udp --dport 4000:8000 -j DNAT --to-destination :4000

开机自启

1
systemctl enable hysteria-server.service

启动

1
systemctl start hysteria-server.service

查看状态

1
systemctl status hysteria-server.service

重启

1
systemctl restart hysteria-server.service
]]> https://kwisma.github.io/2025/04/05/hysteria2_script/ 2025-04-05T11:28:46.000Z Hysteria2 是一款高性能的代理工具，支持 QUIC 协议，能够提供快速、稳定的网络连接。本教程将详细介绍如何安装和配置 Hysteria2，帮助您快速上手并部署到生产环境。

]]> hysteria2安装教程 2026-05-12T16:59:02.305Z 羽希 在Linux系统中，默认情况下可能缺少一些常用的中文字体，这会导致在某些场景下显示中文字符时出现乱码或不美观的问题。本文将介绍一个简单的一键安装脚本，帮助您快速配置中文字体，提升系统的显示效果。

代码

复制保存到 fonts.sh

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#!/bin/bash

# 搜索中文字体软件包描述
search_results=$(apt-cache search fonts | grep Chinese)

# 提取软件包名称
package_names=$(echo "$search_results" | awk '{print $1}')

# 检查当前用户是否为管理员
if [ $(id -u) -eq 0 ]; then
  apt_cmd="apt install"
else
  apt_cmd="sudo apt install"
fi

# 安装匹配的软件包
$apt_cmd -y $package_names

安装

1
bash fonts.sh
]]> https://kwisma.github.io/2025/04/05/fonts_linux_install/ 2025-04-05T11:09:48.000Z 在Linux系统中，默认情况下可能缺少一些常用的中文字体，这会导致在某些场景下显示中文字符时出现乱码或不美观的问题。本文将介绍一个简单的一键安装脚本，帮助您快速配置中文字体，提升系统的显示效果。

]]> Linux一键安装中文字体 2026-05-12T16:58:47.573Z 羽希 在使用 Cloudflare 管理域名时，批量操作 DNS 记录是一项常见需求。本文将介绍如何通过简单的脚本实现批量删除和添加 DNS 记录，帮助您更高效地管理域名解析。

令牌 和 区域ID 获取方法

CLOUDFLARE_API_TOKEN 获取方式: 右上角头像 > 配置文件 > api令牌 > 创建令牌 > 编辑区域 DNS > 使用模板 > 继续以显示摘要 > 创建令牌 > copy

ZONE_ID 获取方式：点击域名 > 描述 > API 区域 ID(往下滑动)

安装依赖

1
npm i node-fetch

批量删除dns记录

修改参数如下即可：

const CLOUDFLARE_API_TOKEN = ‘令牌’; // 你的 Cloudflare API 令牌

const ZONE_ID = ‘区域ID’; // 你的 Cloudflare 区域 ID

// 要删除的记录类型和子域名（完整）

const RECORD_TYPE = ‘A’; // 比如 ‘A’, ‘CNAME’, ‘TXT’

const TARGET_NAME = ‘sub.mot.ip-ddns.com’; // 要删除的完整子域名

完整代码

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
72
73
74
75
76
77
78
79
80
81
const fetch = require('node-fetch')

// 替换以下常量为你的实际值
const CLOUDFLARE_API_TOKEN = '令牌'; // 你的 Cloudflare API 令牌
const ZONE_ID = '区域ID'; // 你的 Cloudflare 区域 ID

// 要删除的记录类型和子域名（完整）
const RECORD_TYPE = 'A'; // 比如 'A', 'CNAME', 'TXT'
const TARGET_NAME = '子域名'; // 要删除的完整子域名

// Cloudflare API 基础地址
const CLOUDFLARE_API_BASE = `https://api.cloudflare.com/client/v4`;

async function listAllDnsRecords(zoneId, type, name) {
  const allRecords = [];
  let page = 1;
  let totalPages = 1;

  do {
    const url = `${CLOUDFLARE_API_BASE}/zones/${zoneId}/dns_records?type=${type}&name=${name}&page=${page}&per_page=100`;
    const res = await fetch(url, {
      headers: {
        Authorization: `Bearer ${CLOUDFLARE_API_TOKEN}`,
        'Content-Type': 'application/json',
      },
    });

    const data = await res.json();
    if (!data.success) {
      throw new Error(`Failed to list DNS records: ${JSON.stringify(data.errors)}`);
    }

    allRecords.push(...data.result);
    totalPages = data.result_info.total_pages;
    page++;
  } while (page <= totalPages);

  return allRecords;
}

async function main() {
  try {
    console.log(`查找 ${RECORD_TYPE} 类型的记录，名称为 ${TARGET_NAME}...`);
    const records = await listAllDnsRecords(ZONE_ID, RECORD_TYPE, TARGET_NAME);

    if (records.length === 0) {
      console.log('没有找到符合条件的 DNS 记录。');
      return;
    }

    console.log(`找到 ${records.length} 条记录，开始删除...`);
    for (const record of records) {
      console.log(`删除记录 ID: ${record.id}, 内容: ${record.content}`);
      await deleteDnsRecord(ZONE_ID, record.id);
    }

    console.log('删除完成 ✅');
  } catch (err) {
    console.error('出错啦 ❌', err.message);
  }
}

async function deleteDnsRecord(zoneId, recordId) {
  const url = `${CLOUDFLARE_API_BASE}/zones/${zoneId}/dns_records/${recordId}`;
  const res = await fetch(url, {
    method: 'DELETE',
    headers: {
      Authorization: `Bearer ${CLOUDFLARE_API_TOKEN}`,
      'Content-Type': 'application/json',
    },
  });

  const data = await res.json();
  if (!data.success) {
    throw new Error(`Failed to delete DNS record: ${JSON.stringify(data.errors)}`);
  }

  return data;
}

main();

批量日添加dns记录

修改参数如下即可：

const CLOUDFLARE_API_TOKEN = ‘令牌’; // 你的 Cloudflare API 令牌

const ZONE_ID = ‘区域ID’; // 你的 Cloudflare 区域 ID

const RECORD_TYPE = ‘A’; // 或 AAAA

const DOMAIN = ‘sub.mot.ip-ddns.com’; // 要添加的完整子域名

const FILE_PATH = ‘./dns.txt’; // 数据文件路径，格式为 IP 地址列表，每行一个 IP，支持注释（#开头）和端口（:后面）例如：ip1:port1#注释

完整代码

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
const fs = require('fs/promises')
const fetch = require('node-fetch')

// 配置区：根据你的需求修改
const CLOUDFLARE_API_TOKEN = '令牌'; // 你的 Cloudflare API 令牌
const ZONE_ID = '区域ID'; // 你的 Cloudflare 区域 ID
const RECORD_TYPE = 'A'; // 或 AAAA
const DOMAIN = 'sub.mot.ip-ddns.com'; // 要添加的完整子域名
const FILE_PATH = './dns.txt'; // 数据文件路径，格式为 IP 地址列表，每行一个 IP，支持注释（#开头）和端口（:后面）
// 例如：ip1:port1#注释

// Cloudflare API base
const CF_API_BASE = 'https://api.cloudflare.com/client/v4';

// 读取并处理 IP 地址
async function readIPsFromFile(path) {
  const data = await fs.readFile(path, 'utf-8');
  const lines = data.split('\n').map(line => line.trim()).filter(Boolean);

  const ips = lines.map(line => {
    const [ipPort] = line.split('#');
    const [ip] = ipPort.split(':');
    return ip;
  });

  return [...new Set(ips)]; // 去重
}

// 添加 DNS 记录
async function addDNSRecord(ip) {
  const response = await fetch(`${CF_API_BASE}/zones/${ZONE_ID}/dns_records`, {
    method: 'POST',
    headers: {
      'Authorization': `Bearer ${CLOUDFLARE_API_TOKEN}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      type: RECORD_TYPE,
      name: DOMAIN,
      content: ip,
      ttl: 1, // 自动 TTL
      proxied: false // 如果你想用 CF 的代理，改成 true
    })
  });

  const result = await response.json();
  if (result.success) {
    console.log(`✅ 添加成功: ${ip}`);
  } else {
    console.error(`❌ 添加失败: ${ip}`, result.errors);
  }
}

// 主函数
async function main() {
  try {
    const ips = await readIPsFromFile(FILE_PATH);
    console.log(`共读取 ${ips.length} 个 IP，将添加到 ${DOMAIN}`);

    for (const ip of ips) {
      await addDNSRecord(ip);
    }

    console.log('🎉 所有记录处理完毕。');
  } catch (err) {
    console.error('🚨 发生错误:', err);
  }
}

main();
]]> https://kwisma.github.io/2025/04/05/cloudflare_add_delete_domain/ 2025-04-05T09:25:39.000Z 在使用 Cloudflare 管理域名时，批量操作 DNS 记录是一项常见需求。本文将介绍如何通过简单的脚本实现批量删除和添加 DNS 记录，帮助您更高效地管理域名解析。

]]> cloudflare 批量脚本 2026-05-12T16:57:35.321Z 羽希 Cloudflare Worker 是一种强大的边缘计算服务，能够通过 JavaScript 编写自定义逻辑来处理请求。本教程将展示如何使用 Cloudflare Worker 模拟 Nginx 的默认页面，以实现伪装效果。

cloudflare worker 伪装nginx代码

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
const html = `
<!DOCTYPE html>
<html>
<head>
<title>Welcome to nginx!</title>
<style>
html { color-scheme: light dark; }
body { width: 35em; margin: 0 auto; font-family: Tahoma, Verdana, Arial, sans-serif; }
</style>
</head>
<body>
<h1>Welcome to nginx!</h1>
<p>If you see this page, the nginx web server is successfully installed and working. Further configuration is required.</p>
<p>For online documentation and support please refer to <a href="http://nginx.org/">nginx.org</a>.<br/>
Commercial support is available at <a href="http://nginx.com/">nginx.com</a>.</p>
<p><em>Thank you for using nginx.</em></p>
</body>
</html>`;

function createCombinedHeaders(request, htmlheaders) {
    // Create a new Headers object for combining headers
    const combinedHeaders = new Headers(htmlheaders.headers);

    // Add request headers into the combined headers
    request.headers.forEach((value, key) => {
        combinedHeaders.set(key, value);
    });

    // Return the combined headers along with other response information
    return {
        status: htmlheaders.status,
        method: htmlheaders.method,
        headers: combinedHeaders,
        body: htmlheaders.body
    };
}

function getSubscriptionUserInfo() {
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    const UD = Math.floor(((Date.now() - today.getTime()) / 86400000) * 24 * 1099511627776 / 2);
    const pagesSum = UD;
    const workersSum = UD;
    const total = 24 * 1099511627776;
    const expire = Math.floor(Date.now() / 1000) + 3600;
    return `upload=${pagesSum}; download=${workersSum}; total=${total}; expire=${expire}`;
}

function modifyTargetUrl(request, searchParams, targetUrl) {
    if ((request.headers.has('clash') && !request.headers.has('nekobox')) ||
        (searchParams.has('clash') && !request.headers.has('subconverter'))) {
        targetUrl += '?clash';
    } else if (request.headers.has('sing-box') || request.headers.has('singbox') ||
        ((searchParams.has('singbox') || searchParams.has('sb')) && !request.headers.has('subconverter'))) {
        targetUrl += '?sb';
    } else {
        targetUrl += '?sub';
    }
    return targetUrl;
}

export default {
    async fetch(request, env, ctx) {
        // Ensure the User-Agent header is in lowercase
        const userAgent = (request.headers.get('User-Agent') || '').toLowerCase();

        // Create a new Headers object for the request, and add the lowercase User-Agent
        const newHeaders = new Headers(request.headers);
        newHeaders.set('User-Agent', userAgent);

        const url = new URL(request.url);
        const path = url.searchParams.get('token');
        const path2 = url.searchParams.get('url');
        const htmlheaders = {
            status: 200,
            method: request.method,
            headers: {
                "Content-Type": "text/html;charset=utf-8",
                "Profile-Update-Interval": "6",
                "Subscription-Userinfo": getSubscriptionUserInfo(),
                "Cache-Control": "no-store",
            },
            body: (request.method !== 'GET' && request.method !== 'HEAD') ? request.body : null
        };

        const combinedHeaders = createCombinedHeaders({ ...request, headers: newHeaders }, htmlheaders);

        if (!path || !env.URL) {
            return new Response(html, combinedHeaders);
        }

        let targetUrl = await env.URL.get(path);
        if (!targetUrl) {
            return new Response(html, combinedHeaders);
        }

        if (path2) {
            const response = await fetch(targetUrl, combinedHeaders);
            return new Response(response.body, combinedHeaders);
        }

        targetUrl = modifyTargetUrl(request, url.searchParams, targetUrl);

        const response = await fetch(targetUrl, combinedHeaders);
        return new Response(response.body, combinedHeaders);
    }
};
]]> https://kwisma.github.io/2025/04/05/nginx_disguise/ 2025-04-05T09:18:39.000Z Cloudflare Worker 是一种强大的边缘计算服务，能够通过 JavaScript 编写自定义逻辑来处理请求。本教程将展示如何使用 Cloudflare Worker 模拟 Nginx 的默认页面，以实现伪装效果。

]]> cf worker 伪装nginx 2026-05-12T16:59:46.625Z 羽希 本文介绍了如何在 Linux 系统中添加和管理代理，包括设置系统代理和快速切换代理的操作方法。

系统代理

1.编辑文件

1
vim  /etc/profile

2.在文件最下面写入

1
2
alias kclash="export ALL_PROXY=127.0.0.1:7890"
alias gclash="unset ALL_PROXY"

3.重载配置

1
source /etc/profile

4.开启kclash，关闭gclash

1
kclash
1
gclash
]]> https://kwisma.github.io/2025/04/05/proxy_linux/ 2025-04-05T09:18:39.000Z 本文介绍了如何在 Linux 系统中添加和管理代理，包括设置系统代理和快速切换代理的操作方法。

]]> Linux 添加代理 2026-05-12T17:00:00.401Z 羽希 使用 Let’s Encrypt 免费申请泛域名 SSL 证书，并实现自动续期的快速指令

使用 acme.sh 设置 SSL 证书

本指南提供了使用 acme.sh 脚本设置 SSL 证书的分步说明，其中 Let’s Encrypt 为默认证书颁发机构 (CA)。它包括用于安装、配置和颁发根域和通配符域证书的命令。

步骤概述

  1. 安装 acme.sh：下载并安装 acme.sh 脚本。提供用于接收通知的电子邮件地址。
1
curl https://get.acme.sh | sh -s email=d342jxc@gmail.com
  1. 设置默认 CA：配置 acme.sh 使用 Let’s Encrypt 作为默认 CA。
1
acme.sh --set-default-ca --server letsencrypt
  1. 别名配置：为acme.sh添加别名，以简化命令使用并重新加载shell配置。
1
2
echo 'alias acme.sh=~/.acme.sh/acme.sh' >> ~/.bashrc
source ~/.bashrc
  1. Cloudflare API 凭证：添加 Cloudflare API 凭证（CF_Key 和 CF_Email）以启用基于 DNS 的域验证。
1
2
export CF_Key="xxx"
export CF_Email="xxx@gmail.com"
  1. 颁发证书：使用 --issue 命令通过 Cloudflare DNS 验证为根域和通配符子域生成 SSL 证书。
1
acme.sh --issue --dns dns_cf -d example.com -d *.example.com
  1. 安装证书：将生成的证书安装到指定路径，并为Nginx Web服务器配置重新加载命令。
1
2
3
4
acme.sh --install-cert -d 'example.com' \
--key-file       /etc/nginx/ssl/example.com/example.com.key  \
--fullchain-file /etc/nginx/ssl/example.com/example.com.crt \
--reloadcmd     "service nginx force-reload"
1
2
3
4
acme.sh --install-cert -d '*.example.com' \
--key-file       /etc/nginx/ssl/example.com/example.com.key  \
--fullchain-file /etc/nginx/ssl/example.com/example.com.crt \
--reloadcmd     "service nginx force-reload"

注意事项

  • 将 xxx 和 xxx@gmail.com 替换为您的实际 Cloudflare API 密钥和电子邮件地址。
  • 将 example.com 替换为您的实际域名。
  • 确保密钥和证书文件的指定路径与您的 Nginx 配置相匹配。
  • --reloadcmd 选项可确保在证书续订后自动重新加载 Nginx。

此设置可确保根域和所有子域的安全 HTTPS 连接。

反向代理

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
location / {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Forwarded-Host $http_host;
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Range $http_range;
    proxy_set_header If-Range $http_if_range;
    proxy_redirect off;
    proxy_pass https://bangumi.tv;
    # the max size of file to upload
    client_max_body_size 20000m;
}
location ^~ /xui {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Forwarded-Host $http_host;
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Range $http_range;
    proxy_set_header If-Range $http_if_range;
    proxy_redirect off;
    proxy_pass http://127.0.0.1:1000;
    # the max size of file to upload
    client_max_body_size 20000m;
}
location ^~ /alist {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Forwarded-Host $http_host;
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Range $http_range;
    proxy_set_header If-Range $http_if_range;
    proxy_redirect off;
    proxy_pass http://127.0.0.1:5244;
    # the max size of file to upload
    client_max_body_size 20000m;
}
]]> https://kwisma.github.io/2025/03/27/domain_ssl_script/ 2025-03-27T11:18:39.000Z 使用 Let’s Encrypt 免费申请泛域名 SSL 证书，并实现自动续期的快速指令

]]> Let’s Encrypt 免费申请泛域名 SSL 证书 2026-05-13T03:37:20.196Z 羽希 本文总结了 KED 系统中常用的指令，包括软件更新、垃圾清理、代理设置、语言包安装等操作。

更新软件源

1
sudo pkcon refresh && sudo pkcon update

垃圾清理

1
sudo apt autoremove
1
sudo apt-get --fix-broken install

pkcon 取消代理

原文参考地址

原来这个服务把代理藏在一个Sqlite的数据库里，在这里：

/var/lib/PackageKit/transactions.db

  • 安装数据库可视化工具
1
sudo apt install sqlitebrowser
  • 编辑数据库
1
sudo sqlitebrowser /var/lib/PackageKit/transactions.db
  • 删除代理proxy
  • 最后重启pkcon
1
sudo systemctl restart packagekit.service

修改为root登录

1
sudo nano /etc/pam.d/sddm

将第一个注释，第二个取消注释

#auth required pam_succeed_if.so user != root quiet_success
auth sufficient pam_succeed_if.so user ingroup nopasswdlogin

安装中文语包和繁体包

1
sudo apt-get install language-pack-gnome-zh-hans language-pack-kde-zh-hans language-pack-zh-hans language-pack-gnome-zh-hant language-pack-kde-zh-hant language-pack-zh-hant

fcitx

1
sudo apt install fcitx5 fcitx5-chewing fcitx5-chinese-addons fcitx5-rime

安装语言支持

1
sudo apt-get install language-selector-gnome

ui

1
sudo apt-get install fcitx-ui-qimpanel
]]> https://kwisma.github.io/2025/03/27/ked_neno_commands/ 2025-03-27T11:02:39.000Z 本文总结了 KED 系统中常用的指令，包括软件更新、垃圾清理、代理设置、语言包安装等操作。

]]> KED neno 常用指令 2026-05-13T03:37:20.200Z 羽希 美化 Alist 网页头部的模板，包含多个功能模块和样式配置，旨在增强页面的视觉效果和交互性

功能

  1. 基础功能的引入

Polyfill 支持：通过 <script> 标签引入了 polyfill.io，为 String.prototype.replaceAll 提供兼容性支持，确保在旧版浏览器中也能正常运行。

全局字体：引入了 LXGW WenKai（霞鹜文楷）字体，设置为全局字体，提升页面的美观性和一致性。

  1. 评论系统和统计功能

Valine 评论系统：通过引入 Valine.min.js，为页面添加了基于 LeanCloud 的无后端评论功能，方便用户互动。

不蒜子计数器：通过 busuanzi.pure.mini.js，实现了页面访问量和访客统计功能，动态显示页面的访问数据。

  1. 图标和音乐播放器

Font6 图标库：引入了 Font Awesome 图标库，提供丰富的图标支持，用于自定义底部和看板娘功能。

音乐播放器：通过引入 APlayer 和 MetingJS，为页面添加了音乐播放功能，支持多种音乐平台（如网易云音乐），并提供了高度可定制的播放器界面。

  1. 样式美化

背景图：为白天和夜间模式分别设置了不同的背景图片，并通过 CSS 实现了背景的固定、覆盖和居中显示。

透明效果：为主列表、代码块、评论区、侧边栏等多个模块设置了透明背景，分别适配白天和夜间模式，提升页面的层次感。

毛玻璃效果：为搜索栏和按钮添加了毛玻璃效果（backdrop-filter: blur），增强了视觉体验。

鼠标指针样式：自定义了鼠标指针样式，为不同的元素（如按钮、输入框、代码块）设置了个性化的光标。

  1. 动态功能

看板娘：通过引入 Live2D 模型，为页面添加了一个虚拟角色（看板娘）。代码中设置了模型的大小、对话框位置，并加载了指定的模型和纹理。

渐变背景：通过 #canvas-basic 元素设置了全屏渐变背景，提升了页面的动态效果。

隐藏功能：提供了隐藏通知栏、底部版权信息和音乐播放器的选项，用户可以根据需求启用或禁用这些功能。

  1. 代码注释和扩展性

图片 API：代码中列出了多个图片 API 的使用示例，用户可以根据需求选择不同的图片来源，用于背景或其他用途。

注释说明：代码中包含了大量注释，详细说明了每个功能模块的用途和配置方法，方便用户理解和修改。

alist 头部美化代码

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
<!--Alist V3建议添加的，已经默认添加了，如果你的没有建议加上-->
<script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.replaceAll"></script>

<!--引入字体，全局字体使用-->
<link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-webfont@1.1.0/lxgwwenkai-regular.css" />

<!--评论系统使用的js-->
<script src='https://unpkg.com/valine/dist/Valine.min.js'></script>

<!--不蒜子计数器-->
<script async src="https://busuanzi.icodeq.com/busuanzi.pure.mini.js"></script>

<!-- Font6，自定义底部使用和看板娘使用的图标和字体文件-->
<link type='text/css' rel="stylesheet" href="https://npm.elemecdn.com/font6pro@6.3.0/css/fontawesome.min.css" media='all'>
<link href="https://npm.elemecdn.com/font6pro@6.3.0/css/all.min.css" rel="stylesheet">

<!--音乐播放器所用的文件-->
<!-- require APlayer -->
<link rel="stylesheet" href="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://npm.elemecdn.com/aplayer@1.10.1/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://npm.elemecdn.com/meting2@0.0.1/js/Meting.min.js"></script>

<style>
/* 去除通知栏 右上角 X */
 .notify-render .hope-close-button {
    display: none;
}

/* 此选项两处CSS 在v3.31.0中已优化 滚动显示 和 右下角设置网格模式尺寸大小 */
/* 文字超长自动换行 */
/*.name-box .name {
    white-space: unset !important;
    overflow: unset !important;
}*/
/* 缩略图图片变大 代码中的160px 自己改 现在是注释状态若需要自行解除注释 */
/*.obj-box > div {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr))
}
.obj-box > div .item-thumbnail{
  height: 100px;
}*/

/*
  图片API用法点进去都会有食用说明的,API来自网络不保证实效性稳定性自己测试
  樱花：https://www.dmoe.cc
  夏沫：https://cdn.seovx.com
  搏天：https://api.btstu.cn/doc/sjbz.php
  姬长信：https://github.com/insoxin/API
  小歪：https://api.ixiaowai.cn/
  保罗：https://api.paugram.com
  墨天逸：https://api.mtyqx.cn
  岁月小筑：https://img.xjh.me
  东方Project：https://img.paulzzh.com
  */

/*白天背景图*/
 .hope-ui-light {
    background-image: url("http://pic.rmb.bdstatic.com/bjh/7569b014a1abafd5481298763300ae1d.png") !important;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-position-x:center;
}
/*夜间背景图*/
 .hope-ui-dark {
    background-image: url("http://pic.rmb.bdstatic.com/bjh/ebe942a9de49856f389c65f25a338335.png") !important;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-position-x:center;
}
/*主列表白天模式透明*/
 .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
/*主列表夜间模式透明*/
 .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
    background-color:rgb(0 0 0 / 50%) !important;
}
/*readme白天模式透明*/
 .hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
/*readme夜间模式透明*/
 .hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
    background-color:rgb(0 0 0 / 50%) !important;
}

/*顶部右上角切换按钮透明*/
 .hope-ui-light .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.hope-ui-dark .hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color:rgb(0 0 0 / 50%) !important;
}

/*右下角侧边栏按钮透明 第一个是白天 第二个是夜间*/
 .hope-ui-light .hope-c-PJLV-ijgzmFG-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.hope-ui-dark .hope-c-PJLV-ijgzmFG-css {
    background-color:rgb(0 0 0 / 50%) !important;
}

/*白天模式代码块透明*/
 .hope-ui-light pre {
    background-color: rgba(255, 255, 255, 0.1)!important;
}
 .hope-ui-dark pre {
    background-color: rgba(255, 255, 255, 0)!important;
}

/*左侧侧边栏目录*/
/*白天模式*/
 .hope-ui-light .hope-c-PJLV-ieGWMbI-css {
    background: rgba(255, 255, 255, 0.5) !important;
}
/*夜间模式*/
 .hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
    background-color:rgb(0 0 0 / 50%) !重要;
}

/* 返回顶部 */
 .hope-c-PJLV-ihVEsOa-css {
    background: rgba(255, 255, 255, 0.5) !重要;
}
.hope-ui-dark .hope-c-PJLV-ihVEsOa-css {
    background-color:rgb(0 0 0 / 50%) !重要;
}

/*正常情况未使用吸附功能*/
/*顶部*/
 .hope-c-PJLV-ikaMhsQ-css {
    background: rgba(255, 255, 255, 0) !重要;
}
/*导航条*/
/*白天模式*/
 .hope-ui-light .hope-c-PJLV-idaeksS-css {
    background-color: rgba(255, 255, 255, 0.5) !重要;
    border-radius: var(--hope-radii-xl) !重要;
}
/*夜间模式*/
 .hope-ui-dark .hope-c-PJLV-idaeksS-css {
    background-color:rgb(0 0 0 / 50%) !重要;
    border-radius: var(--hope-radii-xl) !重要;
}
/* 吸附到页面顶部 */
/*顶部*/
 .hope-c-PJLV-icWrYmg-css {
    background: rgba(255, 255, 255, 0) !重要;
}
/*导航条*/
 .hope-c-PJLV-icKsjdm-css::after {
    background: rgba(255, 255, 255, 0) !重要;
}
/*白天模式*/
 .hope-ui-light .hope-c-PJLV-icKsjdm-css {
    background-color: rgba(255, 255, 255, 0.5) !重要;
    border-radius: var(--hope-radii-xl) !重要;
}
/*夜间模式*/
 .hope-ui-dark .hope-c-PJLV-icKsjdm-css {
    background-color:rgb(0 0 0 / 50%) !重要;
    border-radius: var(--hope-radii-xl) !重要;
}

/*仅吸附导航栏*/
/*导航条*/
 .hope-c-PJLV-ifdXShc-css::after {
    background: rgba(255, 255, 255, 0) !重要;
}
/*白天模式*/
 .hope-ui-light .hope-c-hrsMRY {
    background-color: rgba(255, 255, 255, 0.5) !重要;
    border-radius: var(--hope-radii-xl) !重要;
}
/*夜间模式*/
 .hope-ui-dark .hope-c-hrsMRY {
    background-color:rgb(0 0 0 / 50%) !重要;
    border-radius: var(--hope-radii-xl) !重要;
}

/*底部CSS，.App .table这三个一起的*/
 dibu {
    border-top: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.App {
    min-height: 85vh;
}
.table {
    margin: auto;
}
/*去掉底部*/
 .footer {
    display: none !重要;
}
/*全局字体*/
 * {
    font-family:LXGW WenKai
}
* {
    font-weight:bold
}
body {
    font-family: LXGW WenKai;
}

/*以下为评论系统专用*/
/*适配大小契合度*/
 .newValine {
    width: min(96%, 940px);
    flex-direction: column;
    row-gap: var(--hope-space-2);
    border-radius: var(--hope-radii-xl);
    padding: var(--hope-space-2);
    box-shadow: var(--hope-shadows-lg);
}
/*评论区 - 白天模式透明度*/
 .hope-ui-light .newValine {
    background-color: rgba(255, 255, 255, 0.5) !重要;
}
/*评论区 - 夜间模式透明度*/
 .hope-ui-dark .newValine {
    background-color:rgb(0 0 0 / 50%) !重要;
}
/*输入栏里面跳舞的小人背景图*/
 .vedit {
    background-image:url("https://jsd.onmicrosoft.cn/gh/anwen-anyi/imgAnwen/images/OuNiJiang.gif");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right bottom;
    transition:all 0.25s ease-in-out 0s;
}
textarea#comment-textarea:focus {
    background-position-y:120px;
    transition:all 0.25s ease-in-out 0s;
}

/*渐变背景CSS*/
 #canvas-basic {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -999;
}

/*音乐播放器进一步进行隐藏*/
/* 需要就加不需要就不用加 */
 .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !重要;
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0 !重要;
}
</style>

<!--看板娘 -自定义大小，隐藏对话框和对话框高度-->
<style type="text/css">
  #waifu #live2d {
    height: 350px!important;
    width: 350px!important;
  }
  #waifu-tips {
    top: -60px;
    /*display:none !重要;隐藏对话框*/
  }
</style>

<!--看板娘加载指定模型-->
<script>
  localStorage.setItem('modelId', '7');
  localStorage.setItem('modelTexturesId', '3');
</script>

<!--以下四个两个主用两个备用的,选一条使用即可-->
<!--自己选左右-->
<!--<script src="https://api.itggg.cn/live2dnew/left/index.js"></script>-->
<script src="https://api.itggg.cn/live2dnew/right/index.js"></script>

<!--备用的，自己选左右-->
<script src="https://luluossfile.lulufind.com/work/teacher_u20221017ce7b5991_1666420843832_19934968_file.js"></script>
<script src="https://luluossfile.lulufind.com/work/teacher_u20221017bb6d7454_1666420849979_19584065_file.js"></script>

<style>
/*白天模式 搜索主体+毛玻璃*/
.hope-ui-light .hope-c-PJLV-iiBaxsN-css{
   background-color: rgba(255,255,255,0.2)!重要;
   backdrop-filter: blur(10px)!重要;
}

/*白天模式 搜索栏输入框+毛玻璃*/
.hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled{
   background-color: rgba(255,255,255,0.2)!重要;
   backdrop-filter: blur(10px)!重要;
}

/*白天模式 搜索按钮+毛玻璃*/
.hope-ui-light .hope-c-PJLV-ikEIIxw-css{
   background-color: rgba(255,255,255,0.2)!重要;
   backdrop-filter: blur(10px)!重要;
   padding: var(--hope-space-1)!重要;
}

/*夜间模式搜索主体+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-iiBaxsN-css{
    background-color: rgb(0 0 0 / 10%)!重要;
    backdrop-filter: blur(10px)!重要;
}

/*夜间模式搜索栏+毛玻璃*/
.hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled{
    background-color: rgb(0 0 0 / 10%)!重要;
    backdrop-filter: blur(10px)!重要;
}

/*夜间模式 搜索按钮+毛玻璃*/
.hope-ui-dark .hope-c-PJLV-ikEIIxw-css{
    background-color: rgb(0 0 0 / 10%)!重要;
    backdrop-filter: blur(10px)!重要;
    padding: var(--hope-space-1)!重要;
}
</style>

<!--较为个性化的鼠标指针样式，可结合个人需要自行修改-->
<style>
  body {
    cursor: url(http://luluossfile.lulufind.com/work/teacher_u20221021b3a89013_1666841028833_10660845_file.cur), default;
  }
  select{
    cursor: url(http://luluossfile.lulufind.com/work/teacher_u2021090299b56677_1666842679271_10490748_file.cur), pointer;
  }
  button,a:hover{
    cursor: url(http://luluossfile.lulufind.com/work/teacher_u20221017ac9f1124_1666842626270_11086578_file.cur), pointer;
  }
  input{
    cursor:url(http://luluossfile.lulufind.com/work/teacher_u2021090299b56677_1666842633386_14976764_file.cur), text;
  }
  textarea,input:focus{
    cursor:url(http://luluossfile.lulufind.com/work/teacher_u202210176ba36766_1666842640146_15845280_file.cur), text;
  }
  code{
    cursor: url(http://luluossfile.lulufind.com/work/teacher_u20221021b3a89013_1666842646779_15864973_file.cur), default;
  }
  pre>code{
    cursor: url(http://luluossfile.lulufind.com/work/teacher_u202210176ba36766_1666842653500_10010236_file.cur), default;
  }
</style>
]]> https://kwisma.github.io/2025/03/24/alist_html_head/ 2025-03-24T11:33:39.000Z 美化 Alist 网页头部的模板，包含多个功能模块和样式配置，旨在增强页面的视觉效果和交互性

]]> alist头部美化 2026-05-13T08:23:03.916Z 羽希 用于美化 Alist 正文的模板，包含多个功能模块和脚本，增强页面的交互性和视觉效果

功能

  1. 延迟加载容器

代码的主要内容被包裹在一个 div 容器中，id="customize"，并通过 style="display: none;" 隐藏。

延迟加载的实现通过一个定时器脚本完成，当检测到页面中存在 .footer 元素时，将容器显示出来。这种方式可以优化页面加载性能，确保内容在特定条件下才加载。

  1. 音乐播放器

使用了 <meting-js> 标签，这是一个基于 Meting 的音乐播放器组件。

它支持多种音乐平台（如网易云音乐），并通过属性配置播放器的外观和行为，例如 autoplay="true" 表示自动播放，theme="#409EFF" 设置播放器主题颜色。

  1. 评论模块

代码中集成了 Valine 评论系统，这是一个基于 LeanCloud 的无后端评论系统。

通过 new Valine() 初始化评论模块，配置了评论的容器（el: '#vcomments'）、访客统计（visitor: true）以及其他选项（如头像样式和占位符文本）。

这种设计使得用户可以在页面下方直接留言互动。

  1. 名言展示

代码中包含一个名为“一言”的模块，用于展示随机名言。

名言内容通过 <span id="hitokoto_text"> 动态填充，并由 https://v1.hitokoto.cn 提供的 API 实现。

这种功能为页面增加了趣味性和文化氛围。

  1. 社交链接和版权信息

页面底部包含多个社交链接和版权声明：

包括 QQ 群、邮箱、博客、留言板等链接，使用了 Font Awesome 图标库来美化链接的外观。

还包含备案信息（如“冀ICP备2222000777号”）和 Alist 项目的版权声明，表明页面的合法性和出处。

  1. 访问量统计

代码中集成了 Busuanzi 服务，用于统计页面的访问量和访客数：

<span id="busuanzi_value_page_pv"> 和 <span id="busuanzi_value_site_uv"> 等元素会动态显示页面访问量、站点总访问量和访客数。

这种统计方式适合轻量级的页面分析需求。

  1. 渐变背景

代码提供了一个可选的渐变背景效果，通过 Granim.js 实现：

渐变背景的配置包括多个颜色渐变组合（如 ['#a18cd1', '#fbc2eb']），并通过 direction: 'left-right' 设置渐变方向。

这种动态背景可以提升页面的视觉吸引力。

  1. 鼠标点击效果

通过引入 maodian.js，页面实现了鼠标点击时的特效，例如显示动态的点击动画。

这种交互设计可以增加用户的操作反馈，提升用户体验。

alist 正文美化代码

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!--延迟加载-->
<!--如果要写自定义内容建议都加到这个延迟加载的范围内-->
<div id="customize" style="display: none;">
    <div>
  <!--音乐播放器-->
        <meting-js fixed="true" autoplay="true" theme="#409EFF" list-folded="true" server="netease" type="playlist" id="2568697963"></meting-js>


  <!--评论模块还有下面的script也是-->
  <center>
   <div class="newValine" id="vcomments"></div>
  </center>
  <script>
   new Valine({
    visitor: true,
    el: '#vcomments',
    avatar: 'wavatar',
    appId: 'mqNCZUaZM1z4nPlpFSQBSGH7-gzGzoHsz',
    appKey: '2umMHA8W4tTcXG2kTqroZ6xS',
    MasterKey: 'sZBKcqA9XTFpQ7QMKB16UBIY',
    placeholder: "有什么问题欢迎评论区留言~么么哒"
   })
  </script>

        <br/>
        <center class="dibu">
            <div style=" line-height: 20px;font-size: 9pt;font-weight: bold;">
                <span>
                    "
                    <span style="color: rgb(13, 109, 252); font-weight: bold;" id="hitokoto">
                        <a href="#" id="hitokoto_text">
                            "人生最大的遗憾,就是在最无能为力的时候遇到一个想要保护一生的人."
                        </a>
                    </span> "
                </span>
                <p style="margin-left: 10rem;font-size: 8pt;">
                    <small>
                        —— Anwen's Cloud
                    </small>
                </p>
            </div>

            <div style="font-size: 13px; font-weight: bold;">
                <span class="nav-item">
                    <a class="nav-link" href="https://qm.qq.com/q/Sg5y2WlO00"
                        target="_blank">
                        <i class="fab fa-qq" style="color:#409EFF" aria-hidden="true">
                        </i>
                        QQ |
                    </a>
                </span>
                <span class="nav-item">
                    <a class="nav-link" href="mailto:d342jxc@gmail.com" target="_blank">
                        <i class="fa-duotone fa-envelope-open" style="color:#409EFF" aria-hidden="true">
                        </i>
                        邮箱 |
                    </a>
                </span>
                <span class="nav-item">
                    <a class="nav-link" href="#" target="_blank">
                        <i class="fas fa-edit" style="color:#409EFF" aria-hidden="true">
                        </i>
                        博客 |
                    </a>
                </span>
                <span class="nav-item">
                    <a class="nav-link" href="#" target="_blank">
                        <i class="fas fa-comment-lines" style="color:#409EFF;" aria-hidden="true">
                        </i>
                        留言 |
                    </a>
                </span>
                <!--后台入口-->
                <span class="nav-item">
                    <a class="nav-link" href="/@manage" target="_blank">
                        <i class="fa-solid fa-folder-gear" style="color:#409EFF;" aria-hidden="true">
                        </i>
                        管理 |
                    </a>
                </span>
                <!--版权，请尊重作者-->
                <span class="nav-item">
                    <a class="nav-link" href="https://github.com/Xhofe/alist" target="_blank">
                        <i class="fa-solid fa-copyright" style="color:#409EFF;" aria-hidden="true">
                        </i>
                        Alist
                    </a>
                </span>
    <br />
    <!--添加一个访问量-->
    <span>
                </span>
                <br />
    <!--添加备案信息-->
                <span class="nav-item">
                    <a class="nav-link" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
                        <i class="fa-solid fa-shield-check" style="color:#409EFF;" aria-hidden="true">
                        </i>
                        冀ICP备2222000777号
                    </a>
                </span>
            </div>
        </center>
        <br />
        <br />
    </div>



    <!--一言API-->
    <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
<!--延迟加载范围到这里结束-->
</div>
<!--延迟加载配套使用JS-->
<script>
    let interval = setInterval(() => {
        if (document.querySelector(".footer")) {
            document.querySelector("#customize").style.display = "";
            clearInterval(interval);
        }
    }, 200);
</script>

<!-- 渐变背景初始化,如果要使用渐变背景把下面的那一行注释去掉即可-->
<!-- 下面的几行都是渐变的一套,自定义头部内还有一个关联的自定义CSS -->
<!--<canvas id="canvas-basic"></canvas> -->
<script src="https://npm.elemecdn.com/granim@2.0.0/dist/granim.min.js"></script>
<script>
var granimInstance = new Granim({
    element: '#canvas-basic',
    direction: 'left-right',
    isPausedWhenNotInView: true,
    states : {
        "default-state": {
            gradients: [
                ['#a18cd1', '#fbc2eb'],
                 ['#fff1eb', '#ace0f9'],
                 ['#d4fc79', '#96e6a1'],
                 ['#a1c4fd', '#c2e9fb'],
                 ['#a8edea', '#fed6e3'],
                 ['#9890e3', '#b1f4cf'],
                 ['#a1c4fd', '#c2e9fb'],
                 ['#fff1eb', '#ace0f9']

            ]
        }
    }
});
</script>

<!--鼠标点击效果-->
<script src="https://jsd.onmicrosoft.cn/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>

]]> https://kwisma.github.io/2025/03/24/alist_html_body/ 2025-03-24T11:33:33.000Z 用于美化 Alist 正文的模板，包含多个功能模块和脚本，增强页面的交互性和视觉效果

]]> alist自定义美化 2026-05-13T08:23:03.908Z