typecho pio 看板娘交互提示扩展自定义

2023-07-14T14:38:00

昨天因为发现 Typecho Wiki 网站,不自觉的开始探索新的 typecho 插件。整理原来的插件看是否有更新版本,pio 看板娘还是 2.4 版本,在浏览 作者的博客网站 时发现,在鼠标移动到一些外链时,看板娘上面的提示语有做互动。然后找到了 typecho 版本的文档 content - 看板娘插件 部分,获取到了插件交互提示扩展的一个示例 demo:

{
    "welcome": ["你好,欢迎来到保罗的小窝", "我是从云,傲完就娇的从云~"],
    "touch": ["你这个绅士!", "别碰我!"],
    "skin": ["想看看我的新服装吗?", "新衣服真漂亮~"],
    "home": "点击这里回到首页!",
    "link": "https://paul.ren/about",
    "close": "QWQ 有缘再会吧~",
    "referer": "你通过 %t 来到了这里",
    "custom": [
        {
            "selector": ".comment-form",
            "text": ["欢迎参与本文评论,别发小广告噢~", "快来参加本文的评论吧~"]
        }
    ]
}

其中交互扩展部分定义为 custom 。但后台插件设置保存后却并没有生效。查看文档,selector 对应的就是 DOM 文档中的元素选择器。文档里有提到 适用于 Single 主题 ,而我当前使用的是 initial 主题,这两者页面 html 是不一样的。

在去除非必要的配置及适配 Initial 主题后的配置参数为:

{
    "custom": [{
            "selector": "#comment-form",
            "text": ["欢迎参与本文评论,别发小广告噢~", "快来参加本文的评论吧~"]
        },
        {
            "type": "read",
            "selector": ".post-title a,.widget-list a,.widget-tile a,#archives ul > li > a"
        },
        {
            "type": "link",
            "selector": ".post-content a"
        }
    ]
}
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »