FBI WARNING

本文的waifu-tips.json基于Sakura主题,也就是我 正在使用的主题,其余主题需要根据自己主题实际情况进行相应更改。

搭建自己的API服务器

我使用的fghrsh大佬的后端API自己在自己主站上建造的。这里我放出链接供大家使用。

live2d前端地址:前端源码
live2d后端地址:后端源码
fghrsh大佬live2d参考地址:live2d参考地址

搭建好我们就可以进入下一步了。

更改waifu-tips.json

因为fghrsh大佬的waifu-tips.json是根据他的Z-BLOG来填写的,所以跟本文所使用的Sakura主题不符合,需要进行相应的修改。这里我贴出自己的waifu-tips.json配置

{
    "waifu": {
        "console_open_msg": ["哈哈,你打开了控制台,是想要看看我的秘密吗?"],
        "copy_message": ["你都复制了些什么呀,转载要记得加上出处哦"],
        "screenshot_message": ["照好了嘛,是不是很可爱呢?"],
        "hidden_message": ["我们还能再见面的吧…"],
        "load_rand_textures": ["我还没有其他衣服呢", "我的新衣服好看嘛"],
        "hour_tips": {
            "t5-7": ["早上好!一日之计在于晨,美好的一天就要开始了"],
            "t7-11": ["上午好!工作顺利嘛,不要久坐,多起来走动走动哦!"],
            "t11-14": ["中午了,工作了一个上午,现在是午餐时间!"],
            "t14-17": ["午后很容易犯困呢,今天的运动目标完成了吗?"],
            "t17-19": ["傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~"],
            "t19-21": ["晚上好,今天过得怎么样?"],
            "t21-23": ["已经这么晚了呀,早点休息吧,晚安~"],
            "t23-5": ["你是夜猫子呀?这么晚还不睡觉,明天起的来嘛"],
            "default": ["嗨~ 快来逗我玩吧!"]
        },
        "referrer_message": {
            "localhost": ["欢迎阅读<span style=\"color:#0099cc;\">『", "』</span>", " - "],
            "baidu": ["Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style=\"color:#0099cc;\">", "</span> 找到的我吗?"],
            "so": ["Hello! 来自 360搜索 的朋友<br>你是搜索 <span style=\"color:#0099cc;\">", "</span> 找到的我吗?"],
            "google": ["Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style=\"color:#0099cc;\">『", "』</span>", " - "],
            "default": ["Hello! 来自 <span style=\"color:#0099cc;\">", "</span> 的朋友"],
            "none": ["欢迎阅读<span style=\"color:#0099cc;\">『", "』</span>", " - "]
        },
        "referrer_hostname": {
            "example.com": ["示例网站"],
            "heroyf.club": ["Heroyf 的博客"]
        },
        "model_message": {
            "1": ["来自 Potion Maker 的 Pio 酱 ~"],
            "2": ["来自 Potion Maker 的 Tia 酱 ~"]  
        },
        "hitokoto_api_message": {
            "lwl12.com": ["这句一言来自 <span style=\"color:#0099cc;\">『{source}』</span>", ",是 <span style=\"color:#0099cc;\">{creator}</span> 投稿的", "。"],
            "fghrsh.net": ["这句一言出处是 <span style=\"color:#0099cc;\">『{source}』</span>,是 <span style=\"color:#0099cc;\">FGHRSH</span> 在 {date} 收藏的!"],
            "jinrishici.com": ["这句诗词出自 <span style=\"color:#0099cc;\">《{title}》</span>,是 {dynasty}诗人 {author} 创作的!"],
            "hitokoto.cn": ["这句一言来自 <span style=\"color:#0099cc;\">『{source}』</span>,是 <span style=\"color:#0099cc;\">{creator}</span> 在 hitokoto.cn 投稿的。"]
        }
    },
    "mouseover": [
        {
            "selector": "article a[href^='http']",
            "text": ["要看看 <span style=\"color:#E06020;\">{text}</span> 么?"]
        },
        {
            "selector": ".post-content .post-title",
            "text": ["要看看文章 <span style=\"color:#E06020;\">{text}</span> 么?"]
        },
        {
            "selector": ".cd-top",
            "text": ["回到开始的地方吧~"]
        },
        {
            "selector": ".lower",
            "text": ["博主很穷的说,快资助一下吧~ヾ(≧∇≦*)ゝ"]
        },
        {
            "selector": ".single-reward",
            "text": ["喜欢这篇文章吗?,喜欢就打赏一下吧~<br> ヾ(≧∇≦*)ゝ"]
        },
        {
            "selector": "#video-btn",
            "text": ["想看视频吗?可以先从左下角关闭背景音乐呢~"]
        },
        {
            "selector": "#video-stu",
            "text": ["想暂停吗?"]
        },
        {
            "selector": "#video-add",
            "text": ["重新播放哦~"]
        },
        {
            "selector": ".site-title",
            "text": ["点击LOGO前往首页,想回到上一页可以使用浏览器的后退功能哦"]
        },
        {
            "selector": ".wechat",
            "text": ["微信~"]
        },
        {
            "selector": ".guesswhat",
            "text": ["想知道是什么吗?刮开试试呀O(∩_∩)O"]
        },
        {
            "selector": ".aplayer-play",
            "text": ["播放"]
        },
        {
            "selector": ".aplayer-pause",
            "text": ["暂停"]
        },
        {
            "selector": ".waifu-tool .fui-home",
            "text": ["回首页看看吧"]
        },
        {
            "selector": ".waifu-tool .fui-eye",
            "text": ["要切换看板娘吗?"]
        },
        {
            "selector": ".waifu-tool .fui-chat",
            "text": ["猜猜我要说些什么"]
        },
        {
            "selector": ".waifu-tool .fui-user",
            "text": ["喜欢换装PLAY吗?"]
        },
        {
            "selector": ".waifu-tool .fui-info-circle",
            "text": ["开启抖音模式!!"]
        },
        {
            "selector": ".waifu-tool .fui-cross",
            "text": ["哼╭(╯^╰)╮你会后悔的"]
        },
        {
            "selector": ".waifu-tool .fui-photo",
            "text": ["你要给我拍照呀,一二三~茄子~~"]
        },
        {
            "selector": "#open-poi-player",
            "text": ["请问今天要来点音乐吗?"]
        },
        {
            "selector": "#back-to-top",
            "text": ["回到开始的地方吧"]
        },
        {
            "selector": "#author",
            "text": ["该怎么称呼你呢"]
        },
        {
            "selector": "#email",
            "text": ["留下你的邮箱,注意查看回复通知哦"]
        },
        {
            "selector": "#url",
            "text": ["你的家在哪里呢,好让我去参观参观"]
        },
        {
            "selector": ".commentbody",
            "text": ["认真填写哦,垃圾评论是禁止事项~<br><span style=\"color:#ff4000;\">图片仅支持BBCode!</span>"]
        },
        {
            "selector": ".comt-smilies label",
            "text": ["にっこにっこにー <img src=\"https:\/\/cdn.2heng.xin\/wp-content\/themes\/Sakura\/images\/smilies\/icon_niconiconi.gif\" alt=\":huaji:\" class=\"wp-smiley\" style=\"height: 1.5em; max-height: 1.5em;\"><img src=\"https:\/\/cdn.2heng.xin\/wp-content\/themes\/Sakura\/images\/smilies\/icon_reluctantly.gif\" alt=\":huaji:\" class=\"wp-smiley\" style=\"height: 1.5em; max-height: 1.5em;\"><img src=\"https:\/\/cdn.2heng.xin\/wp-content\/themes\/Sakura\/images\/smilies\/icon_niconiconi_t.gif\" alt=\":huaji:\" class=\"wp-smiley\" style=\"height: 1.5em; max-height: 1.5em;\">"]
        },
        {
            "selector": "#submit",
            "text": ["要提交了吗,收到回复会有邮件通知的哦~"]
        },
        {
            "selector": ".siren-checkbox-label",
            "text": ["你该不会是机器人吧?"]
        },
        {
            "selector": ".changeSkin-gear",
            "text": ["可以换皮肤哦~"]
        },
        {
            "selector": ".previous",
            "text": ["看看上一篇文章吧"]
        },
        {
            "selector": ".next",
            "text": ["看看下一篇文章吧"]
        },
        {
            "selector": ".dropdown-toggle",
            "text": ["这里是菜单"]
        },
        {
            "selector": "c-player a.play-icon",
            "text": ["想要听点音乐吗"]
        },
        {
            "selector": "c-player div.time",
            "text": ["在这里可以调整<span style=\"color:#E06020;\">播放进度</span>呢"]
        },
        {
            "selector": "c-player div.volume",
            "text": ["在这里可以调整<span style=\"color:#E06020;\">音量</span>呢"]
        },
        {
            "selector": "c-player div.list-button",
            "text": ["<span style=\"color:#E06020;\">播放列表</span>里都有什么呢"]
        },
        {
            "selector": "c-player div.lyric-button",
            "text": ["有<span style=\"color:#E06020;\">歌词</span>的话就能跟着一起唱呢"]
        },
        {
            "selector": "#white-bg",
            "text": ["默认是纯洁的白色~~"]
        },
        {
            "selector": "#gribs-bg",
            "text": ["格子控!"]
        },
        {
            "selector": "#sakura-bg",
            "text": ["樱花飞舞~"]
        },
        {
            "selector": "#KAdots-bg",
            "text": ["小点点~"]
        },
        {
            "selector": "#totem-bg",
            "text": ["充满力量的橙色 (。→‿←。)"]
        },
        {
            "selector": "#pixiv-bg",
            "text": ["Pixiv的主题呢~ 什么?你还不知道 Pixiv 设置个人资料里可以换背景?!"]
        },
        {
            "selector": "#bing-bg",
            "text": ["必应每日图片的说~~"]
        },
        {
            "selector": "#dark-bg",
            "text": ["关灯!"]
        },
        {
            "selector": ".waifu #live2d",
            "text": ["干嘛呢你,快把手拿开", "鼠…鼠标放错地方了!", "么么哒~ (*・´ω`・)っ"]
        }
    ],
    "click": [
        {
            "selector": ".waifu #live2d",
            "text": [
                "是…是不小心碰到了吧",
                "萝莉控是什么呀",
                "你看到我的小熊了吗",
                "再摸的话我可要报警了!⌇●﹏●⌇",
                "110吗,这里有个变态一直在摸我(ó﹏ò。)"
            ]
        }
    ],
    "seasons": [
        { "date": "01/01", "text": ["<span style=\"color:#0099cc;\">元旦</span>了呢,新的一年又开始了,今年是{year}年~"] },
        { "date": "02/14", "text": ["又是一年<span style=\"color:#0099cc;\">情人节</span>,{year}年找到对象了嘛~"] },
        { "date": "03/08", "text": ["今天是<span style=\"color:#0099cc;\">妇女节</span>!"] },
        { "date": "03/12", "text": ["今天是<span style=\"color:#0099cc;\">植树节</span>,要保护环境呀"] },
        { "date": "04/01", "text": ["悄悄告诉你一个秘密~<span style=\"background-color:#34495e;\">今天是愚人节,不要被骗了哦~</span>"] },
        { "date": "05/01", "text": ["今天是<span style=\"color:#0099cc;\">五一劳动节</span>,计划好假期去哪里了吗~"] },
        { "date": "06/01", "text": ["<span style=\"color:#0099cc;\">儿童节</span>了呢,快活的时光总是短暂,要是永远长不大该多好啊…"] },
        { "date": "09/03", "text": ["<span style=\"color:#0099cc;\">中国人民抗日战争胜利纪念日</span>,铭记历史、缅怀先烈、珍爱和平、开创未来。"] },
        { "date": "09/10", "text": ["<span style=\"color:#0099cc;\">教师节</span>,在学校要给老师问声好呀~"] },
        { "date": "10/01", "text": ["<span style=\"color:#0099cc;\">国庆节</span>,新中国已经成立69年了呢"] },
        { "date": "11/05-11/12", "text": ["今年的<span style=\"color:#0099cc;\">双十一</span>是和谁一起过的呢~"] },
        { "date": "12/20-12/31", "text": ["这几天是<span style=\"color:#0099cc;\">圣诞节</span>,主人肯定又去剁手买买买了~"] }
    ]
}

进阶

因为现在的加载都在本地服务器上,但是cdn正是可以加速这些静态资源,所以把assets下的所有东西都放到你的cdn上吧,这样速度能快很多哦


“苹果是给那些为了爱选择死亡的人的奖励”