如何把 Neko 添加到自己的网页上?

更新时间 2026-10-19

Webneko.net 提供了一段可直接嵌入网页的 Neko 动画脚本，按网站说明免费使用。把这段代码放进 HTML 文件、紧跟 <body> 标签之后，访问者就能在页面上看到一只跟随鼠标移动的 Neko。前提是你的页面允许执行外部 JavaScript；如果所在平台不支持 <script> 标签，代码不会生效，只会显示一个“Neko”链接。

操作步骤

1. 复制官方嵌入代码

网站给出的代码结构如下（NekoType 用于选择 Neko 的外观）：

<script type="text/javascript" src="https://webneko.net/n20171213.js"></script>
<script type="text/javascript">
NekoType="white"
</script>

实际使用时，把 NekoType 的值换成你想要的颜色或主题名即可。网站列出的可选外观包括 Classic、Black、Gray、Calico、Robot、Peach、Rainbow、Ghost、Pink、Blue、Silver 等数十种，部分由不同作者贡献。

2. 放入 HTML 文件

按网站说明，把代码放在 HTML 文件中 <body> 标签之后的第一件事。这样脚本会在页面主体开始加载时执行，Neko 能正常初始化。

3. 验证效果

保存并上传页面后，用浏览器打开，移动鼠标观察 Neko 是否跟随。点击 Neko 会开始“追鼠标”的互动，再点一次停止。如果页面没有任何反应，先检查代码是否被平台过滤。

不同建站环境下的差异

环境	能否直接使用	说明
自己控制的 HTML 页面	可以	把代码放入 `.html` 文件即可
Xanga 页面	需要改用变通写法	官方说明普通代码不生效，需把另一段代码放进“Look and Feel”里的 Site Name 或 Tag Line 框，或自定义 HTML 头部
MySpace 等不允许 `<script>` 的平台	不可以	页面只会显示一个“Neko”链接，网站明确表示无法协助解决

Xanga 场景下网站给出的写法是：

<script type="text/javascript">
NekoType="white"
var s='script';document.write("<"+s+" src=\"https://webneko.net/n20171213.js\">");
</script>

常见卡点

代码放了但看不到 Neko：优先确认平台是否允许脚本标签。网站特别提示，部分站点会直接屏蔽 <script>，这种情况下只能看到链接。
想换外观却没变化：NekoType 的值要与网站列出的名称对应，拼写不一致时可能回退到默认样式。
页面加载顺序问题：代码位置偏离 <body> 开头时，可能出现脚本先于页面元素执行的情况，按官方建议放置最稳妥。

补充信息

网站还提供“Add another Neko”在屏幕随机位置增加一只 Neko、Cat Herding 小游戏，以及由 Trevor D'Arcy-Evans 制作的 WebNeko iPhone 应用入口。若你只是想在自己的页面上养一只跟随鼠标的猫，用上面的嵌入代码即可，无需注册或登录。