为网页标题添加「崩溃了」彩蛋

Liam0205 / liam0205.github.io

Deployment of my weblog.

https://liam0205.github.io

35 stars 5 forks source link

为网页标题添加「崩溃了」彩蛋 | 始终 #296

Open Liam0205 opened 5 years ago

Liam0205 commented 5 years ago

https://liam.page/2019/07/22/crash-title-cheat/

经常浏览「始终」博客的读者很容易会发现，当你在浏览器中切换 tab 页到其它网页时，始终博客的页面会有一定概率「崩溃」。具体来说，tab 页上的标题会变成「╭(°A°`)╮ 页面崩溃啦~」这样子，切换回来之后又会发现页面其实没问题，同时标题会变成「(ฅ>ω<*ฅ) 咦，又好了~」这样子。因为这个彩蛋比较有趣，所以很多朋友回点回来看一看页面发生了什么。想想还是蛮有趣的。最近有不少朋友问

ziserendexin commented 5 years ago

早就想问了，wwww。喜欢这个

1078503 commented 5 years ago

咦~chrome中切换标签之后没看到效果呢

Liam0205 commented 5 years ago

@1078503 有概率的，不是每次都触发。

Liam0205 commented 5 years ago

@1078503 原因是友人说的：「每次都触发就显得特别假了」。

Liam0205 commented 5 years ago

@ziserendexin w~w

1078503 commented 5 years ago

@Liam0205 @1078503 有概率的，不是每次都触发。

原来如此，不过显示别离开你快回来之类的应该就适合一直出现了😁

Liam0205 commented 5 years ago

@1078503 嗯，那么你可以把概率调成「1」就好了。

zerofancy commented 5 years ago

概率设的高了点，这个菜单是有副作用的，即浏览器最小化也会触发，这样在切换到别的窗口时任务栏文字就不太友好。

Liam0205 commented 5 years ago

@zerofancy 咦，这倒是个问题。但我的任务栏上是不显示标题的。🤣

muyuuuu commented 5 years ago

问个全楼最弱智的问题：这个代码放在哪里，在哪个文件夹下的哪个文件的哪个位置。。。原谅我实在看不懂前端的代码。

Liam0205 commented 5 years ago

@muyuuuu 这个问题好难回答啊，因为我也不知道你那边是什么个情况。

你大概需要在用于生成 HTML 静态页面的模板中去寻找，找到 header 或者 footer 段落的模板，然后贴进去就好了。

muyuuuu commented 5 years ago

我能问问你放在哪里了嘛，我也用的Next主题，我大概借鉴一下。

Liam0205 commented 5 years ago

@muyuuuu 我放在 NexT 主题的：layout/_third-party/index.swig

huawenqing commented 3 years ago

问个题外的问题。我配置的next，每次点菜单栏的归档、分类、标签等时，浏览器都会显示刷新请求了一次，而头像也会跟着加载一次，因此中间有段瞬时的空白。而你的博客在切换菜单的时候，可以不显示刷新，头像也没有显示中断。这个是怎么回事呀。附我的地址博客

Liam0205 commented 3 years ago

@huawenqing 应该是一个叫 pjax 的插件。

huawenqing commented 3 years ago

@huawenqing 应该是一个叫 pjax 的插件。

Got. 我以为是某个开关忘了设置了。

muyuuuu commented 3 years ago

@huawenqing 包括 pjax 在内，其实还有很多选项，lazyload, quicklink 都能有效优化访问速度与资源加载，引入官方文档一句话：DO NOT EDIT THE FOLLOWING SETTINGS UNLESS YOU KNOW WHAT YOU ARE DOING