AmmoMercy的技术博客

Stay hungry, stay foolish.

0%

关闭hexo next主题的动画

0. 为什么要关闭动画?

研究表明,人们可以检测到延迟仅为1/10秒,仅仅1秒钟的延迟就足以打断一个人的自觉思维过程,几秒钟的延迟会严重损害网站用户的体验。当在google搜索到有关内容打开时,不到1s的动画也是令人难以忍受的。我相信,有许多人像我一样对next主题的默认动画深恶痛绝。

1. 关闭动画

主题配置文件中修改motion配置。

如果你试图关闭全部动画,你应该将enable设为false

如果你想保留部分动画,可以像我一样仅将影响阅读的动画关闭,即注释post_block(整篇文章的block)、post_header(文章标题)以及post_body(文章本体)。

1
2
3
4
5
6
7
8
9
10
motion:
enable: true
async: false
transition:
#post_block: fadeIn
#post_header: slideDownIn
#post_body: slideDownIn
coll_header: slideLeftIn
# Only for Pisces | Gemini.
sidebar: slideUpIn

2.写在最后

为了程序员的思维和心理健康着想,所有人都应该在个人网站上关闭无用的动画,尤其是打断思维的动画。