typecho pio 看板娘交互提示扩展自定义
昨天因为发现 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"
}
]
}
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »