页面切换时改变网站title

页面切换时改变网站title示例

  1. 参考：
  1. 实现：

在你的themes\butterfly\source\js\custom.js中新增这段代码

1
2
3
4
5
6
7
8
9
10
11
12
13
// Web APIs visibilitychange event 页面可见/不可见事件
var titleTime, OriginTitile = document.title;
document.addEventListener("visibilitychange", (function() {
    document.hidden ? titleTime = setTimeout((function() {
        document.title = "w(ﾟДﾟ)w 不要走！再看看嘛！"
    }
    ), 300) : (document.title = "♪(^∇^*)欢迎回来！" + OriginTitile,
    titleTime = setTimeout((function() {
        document.title = OriginTitile
    }
    ), 2e3))
}
))

微信公众号卡片

微信公众号
微信公众号

参考Hexo + Butterfly 侧边栏公众号 | 唐志远の博客 (tzy1997.com)。

标签云

标签云

详细问题和设置见Hexo 踩坑 | lizilong 的部落格。

猫猫滚动条

见本站右侧滚动条。

见请收下这只可爱的猫咪吧 | 唐志远の博客 (tzy1997.com)。

Bing 每日一图

见本站首页图，每天自动更新一个背景图。可以用在博客任何一个图片 url 处。

下面这些都可以。

看板娘

看板娘

见[转载]看板娘 | lizilong 的部落格。

iconfont 本地引入

见本站菜单栏。

见iconfont 本地引入。

PWA(Progressive Web Apps)

将 web 网页利用Service Worker技术生成可以离线访问的 app。见本站网址栏右边。

见hexo pwa 实现。

Twikoo 评论系统

Twikoo评论系统

见Twikoo 评论系统配置。

单页个人导航网站

个人导航网站

见单页个人导航网站。

床+CDN

见配置 github 图床+picgo-core 上传+jsdelivrCDN。

时间轴生肖

文章双栏

文章双栏示例

见[butterfly 重装日记 | 安知鱼 (anzhiy.cn)](https://anzhiy.cn/posts/sdxhu.html#404 页面展示最近文章)

哔哩哔哩适配适配

  • 原始样式

bilibili视频原始样式

  • 卡片样式

bilibili示例

哔哩哔哩动画 | 帅比 (u2sb.com)

博客分类标签及文章表格生成

image-20230206120531652

image-20230206120539842

image-20230206120550944

image-20230206120559248

使用Charts插件给Butterfly增加统计图表 | Guo Le’s Blog

博客文章订阅通知功能

效果

效果见本博客。

方法

见新文章通知

博客加密

效果

见测试页

方法

见hexo-blog-encrypt/ReadMe.zh.md at master · D0n9X1n/hexo-blog-encrypt (github.com)