怎样在自己Typecho的Blog上加一个可爱的看板娘插件!!

AI摘要

文章介绍了如何在Typecho博客上安装可爱的看板娘插件Pio,包括从GitHub获取插件、安装步骤、更新方法,以及如何更换模型和自定义交互提示。提供了两种修改交互提示的方式:通过插件设置或直接修改文件。

最近在瞎逛的时候发现了其他大佬在自己的Blog空间里面养着可可爱爱的看板娘,就去问教程找教程最后折腾了半天终于成功了!!!就在我的Blog左下角

安装看板娘

从 GitHub 上获取本项目。

将插件压缩包上传到你的网站。Typecho 插件的默认存放路径在 /usr/plugins

解压插件的压缩包文件,默认得到一个文件夹,应该为 Pio-master

将文件夹更名为 Pio 以确保插件可以正常工作

登录你的 Typecho 后台,在导航栏找到 控制台 > 插件 > Pio > 启用

更新安装

打开插件的选项,将里面的设置内容逐一拷贝到记事本。

禁用本插件,并删除旧版插件原有的文件。

按照全新安装的步骤获取压缩包并安装。

将记事本内的设置内容逐一填入插件设置的文本框内。

更换其他可爱的模型

梦象模型 下载这里的小伙伴,解压到/usr/plugins/models

更换交互提示扩展

方法一

在控制台——设置插件——Pio里最下方的——交互提示扩展 中 输入以下内容:

{
    "welcome": ["你好,欢迎来到李欲裕的小窝", "我是小埋~"],
    "touch": ["不许欺负我!", "再碰我,要告状了!"],
    "skin": ["看我的新衣服?", "新衣服真漂亮~"],
    "home": "点击这里回到主页!",
    "link": "https://blog.kokowo.cn/19.html",
    "close": "QWQ 我躲起来咯~",
    "referer": "你通过 %t 来到了这里",
    "custom": [
        {"selector": ".comment-form", 
           "text": ["欢迎参与本文评论,别发小广告噢~", "快来参加本文的评论吧~"]
        },
        {"selector": ".home-social a:last-child",
            "text": "在这里可以了解博主的日常噢~"
        }
              ]
}

方法二

直接在改文件,/usr/plugins/static/pio.js

里面的所有中文内容,都可以按照你的需求替换掉

其中关于页面的默认链接在第151行左右
如下图:

以下是手机端访问,所展现的形式

打赏
评论区
头像
    头像
    彬红茶
      

    好好啊,halo的看版娘插件都废掉了

      头像
      Li YuYu
        
      @彬红茶

      那看看有没有其他佬维护一下

        头像
        彬红茶
          
        @Li YuYu

        自己搭建接口就行啦,那个插件也没什么用了🫥

    头像

    卡哇伊,。哈哈