我本人不是相关专业的，所以网页开发基础约等于零，只能借助AI和自己的经验解决问题，所以可能很业余和抽象，请见谅。
一、问题背景
如果是按Hacker LawKing的哔站视频搭建的Argon主题网站，会发现网站的看板娘的右边的四个按键“回到主页”，“切换人物”，“跳转链接”，“关闭”按键是正常，但是“白天夜间模式切换”按键有问题，功能是失效的。而且我还想把那个“跳转链接”改成跳转到自己的bilibili主页，语言集也想要能够自定义添加和修改。
二、问题查找和解决
1.自定义链接跳转
问题原因：
原先的链接跳转方式蛮有意思的，似乎是从个链接集里随机跳转的，所以每次点开播放的视频都是不一样的，感兴趣的可以去了解一下。
问题解决：
解决方法是找到对应跳转链接改成自己的B站首页地址就行。找到“/www/wwwroot/qianmo.icu/wp-content/themes/argon/argon/live2d”目录下pio.js文件（根据自己情况）。
找到右侧按键部分的代码（点我）
// 右侧按钮
buttons: function () {
// 返回首页
elements.home.onclick = function () {
location.href = current.root;
};
elements.home.onmouseover = function () {
modules.render(prop.content.home || "点击这里回到首页！");
};
current.menu.appendChild(elements.home);
// 更换模型
elements.skin.onclick = function () {
that.model = loadlive2d("pio", prop.model[modules.idol()], model => {
prop.onModelLoad && prop.onModelLoad(model)
prop.content.skin && prop.content.skin[1] ? modules.render(prop.content.skin[1]) : modules.render("新衣服真漂亮~");
});
};
elements.skin.onmouseover = function () {
prop.content.skin && prop.content.skin[0] ? modules.render(prop.content.skin[0]) : modules.render("想看看我的新衣服吗？");
};
if (prop.model.length > 1) current.menu.appendChild(elements.skin);
// 关于我
elements.info.onclick = function () {
window.open(prop.content.link || "https://paugram.com/coding/add-poster-girl-with-plugin.html");
};
elements.info.onmouseover = function () {
modules.render("想了解更多关于我的信息吗？");
};
current.menu.appendChild(elements.info);
// 夜间模式
if (prop.night) {
elements.night.onclick = function () {
eval(prop.night);
};
elements.night.onmouseover = function () {
modules.render("夜间点击这里可以保护眼睛呢");
};
current.menu.appendChild(elements.night);
}
// 关闭看板娘
elements.close.onclick = function () {
modules.destroy();
};
elements.close.onmouseover = function () {
modules.render(prop.content.close || "QWQ 下次再见吧~");
};
current.menu.appendChild(elements.close);
},以下部分是我们要改的
修改前（点我）
// 关于我
elements.info.onclick = function () {
window.open(prop.content.link || "https://paugram.com/coding/add-poster-girl-with-plugin.html");
};
elements.info.onmouseover = function () {
modules.render("想了解更多关于我的信息吗？");
};
current.menu.appendChild(elements.info);修改后（点我）
// 关于我
elements.info.onclick = function () {
window.open("https://space.bilibili.com/66589128","_blank");//地址改成自己的
};
elements.info.onmouseover = function () {
modules.render("想了解更多关于我的信息吗？");
};
current.menu.appendChild(elements.info);
改完记得保存和刷新网页，问题还没解决的话尝试按ctrl+F5清理缓存重新加载网站试试。
2.白天黑夜模式切换功能失效
问题原因:
用Edge浏览器按F12查看网页元素和源码测试时，发现点击这个切换按键会有报错出现，具体没有截图，问题就是点击事件里运行的函数的回调为空，简单来说就是没有成功执行切换白天黑夜的函数，因为live2D是移植过来的所以函数的接口没有连接上Argon里的切换函数接口，问题就出现在这里。
问题解决：
解决方法是把live2D里的切换白天夜间模式的切换函数改成Argon主题里用的切换函数，改起来也很简单。找到“/www/wwwroot/qianmo.icu/wp-content/themes/argon/argon/live2d”目录下load.js文件（根据自己情况）。
找到这个部分（点我）
const initConfig = {
mode: "fixed",
hidden: true,
content: {
link: 引流[Math.floor(Math.random() * 引流.length)],
welcome: ["Hi!"],
touch: "",
skin: ["诶，想看看其他团员吗？", "替换后入场文本"],
custom: [
{ "selector": ".comment-form", "text": "Content Tooltip" },
{ "selector": ".home-social a:last-child", "text": "Blog Tooltip" },
{ "selector": ".list .postname", "type": "read" },
{ "selector": ".post-content a, .page-content a, .post a", "type": "link" }
],
},
night: "toggleDarkmode()",
model: [
"/wp-content/themes/argon/argon/live2d/Diana/Diana.model3.json",
"/wp-content/themes/argon/argon/live2d/Ava/Ava.model3.json",
],
tips: true,
onModelLoad: onModelLoad
}
以下部分是我们要改的
修改前（点我）
night: "toggleNightMode()",修改后（点我）
night: "toggleDarkmode()",改完记得保存和刷新网页，问题还没解决的话尝试按ctrl+F5清理缓存重新加载网站试试。
3.自定义文字修改
问题原因：
问题主要是如何找到对应的代码在哪里，这个我没有网站结构基础，我其实也不清楚要怎么找方便，我知道其中一个方法是浏览器按F12，再选择指针，然后点击要改的文字就知道代码位置了，然后去源码里找修改就行了。
问题解决：
通过查看上述两个问题中提到的文件，发现代码里面出现了很多中文，就是自定义修改的部分了，自定义文字修改问题也就迎刃而解了，修改相应的中文就可以，能找到代码位置就很简单了，想让看板娘的语言集更丰富也可以根据代码自行添加代码，但我目前没有试过，这里就不再讲解，感兴趣可以自己来添加试试。
4.代码修改后上述问题问题依然没解决
问题原因：
我遇到的这个问题的原因是你浏览网站的时候，浏览器会为你保存缓存，所以你修改后的live2D相关的源码并没有及时更新到你的浏览器，还是保持着原来的代码，所以你会发现改了代码但是问题还是没有解决。
问题解决：
根据浏览器的不同，像是Edge是按ctrl+F5来清除网站缓存来重新加载网站（如果是其他浏览器自己去查找一下怎么清除缓存），等待重新加载完成后问题就能解决了。
5.看板娘关闭了如何再打开
问题原因：
关闭看板娘后再开启的按键是存在的，只不过是透明的
问题解决：
关掉看板娘后，点击页面左下角区域就能再打开了
