哪吒面板default主题小鸡底部增加购买同款按钮
原文中文，约1700字，阅读约需5分钟。
📝
内容提要
文章介绍了如何在哪吒面板的默认主题中添加“购买同款”按钮。用户需在设置界面的自定义代码中插入特定的JavaScript代码，并确保将机器分类。代码中包含不同平台的邀请链接，用户可根据需要进行调整。
🔎
延伸解读
实现前提：分类与命名规范
该功能依赖哪吒面板的默认主题结构，脚本会遍历分类标题和机器卡片。因此必须先将机器放入非“默认”的分类中，否则脚本会跳过。同时，若希望购买链接跳转到特定产品ID，需在机器名称中按“机器名称-pid”格式填写，脚本会解析并附加pid参数。
邀请链接的配置与替换
代码中的affLinks对象预设了crunchbits、rainyun、colocrossing、racknerd四个平台的邀请链接。用户需根据自己实际推广的平台修改或增删键值对，键名必须与分类标题完全一致，否则按钮链接将无法正确匹配。
按钮的显示位置与样式
脚本会在每个机器卡片的右下角动态插入一个红色加粗的“> 购买同款 <”链接，并设置绝对定位。若卡片内容较多，按钮可能覆盖原有信息，建议根据实际布局调整style中的bottom和right值，或修改颜色与文字。
❓
Q&A
如何在哪吒面板中添加购买同款按钮？
用户需在设置界面的自定义代码中插入特定的JavaScript代码，并刷新页面即可看到效果。
添加购买同款按钮时需要注意什么？
必须将机器分类，以确保功能正常，并在机器名称中增加机器名称-pid以支持跳转到不同的pid。
在代码中如何填写不同平台的邀请链接？
在affLinks中填写不同平台的邀请链接地址，用户可以根据需要进行调整。
为什么需要在机器名称中增加机器名称-pid？
增加机器名称-pid是为了支持跳转到不同的pid，确保链接的正确性。
添加购买同款按钮后，效果如何？
添加后，用户可以在小鸡底部看到“购买同款”按钮，点击后可跳转到相应的购买链接。
如何自定义购买同款按钮的样式？
用户可以在自定义代码中调整样式部分，具体样式可根据个人需求进行修改。
🏷️
