hexo index page blank

[jackypan1989]

version:
hexo@lastest
hexo-theme-next@master

issue:

1. run hexo s
2. index page shows blank, and other pages work fine

some finding:
in chrome debugger

.use-motion .post-block {
  opacity: 0;
}
.use-motion .post-header {
  opacity: 0;
}
.use-motion .post-body {
  opacity: 0;
}
.use-motion .collection-title {
  opacity: 0;
}

example repo: https://github.com/sovmedcare/hexo

[ivan-nginx]

1. Can u check this commit: edd1ff0 ?
2. And try to disable motion option.

[jackypan1989]

1. yes, not work
2. after disable motion, it can display
   but the left down side section (social link section) is still gone

index

other page

[ivan-nginx]

@jackypan1989 and this only on hexo s? On generate & deploy all fine?

1. Can u please give some more info? What node version u use? What OS? Browser?
2. U use any additional plugins? browsersync? U try to use clean Hexo & NexT without any plugins? Still got this error or not?
3. U try to switch (see how to there) to another release version? On 5.1.0 / 5.1.1 / 5.1.2? Still get this error?
4. U use any browser plugins? AdBlock or uBlock or anywhat? F12 and there is no errors or yes? If yes, what is it?

Give me full info, if u trully want to resolve it.

[jackypan1989]

Deploy is fine.
Only on hexo s

1. Node v8.2.1, MacOS, Chrome v60
2. Both not work with & without browsersync
3. 5.1.2 still get error
4. without AdBlock

[ivan-nginx]

1. Can u try to update to latest master branch & update to this pull: Fixes and enhancements. [13] #1898?
2. 5.1.1 also have this error? 5.1.0?
3. Other schemes? Mist? Muse?
4. Only index page have this bug? Posts/Pages work fine?
5. Ctrl + Shift + R to force cache clean in browser?

---

I tested it and can't find this bug with enabled or disabled motion option.

• Motion disabled, other motion settings is defaults:

  motion:
    enable: false
    async: false
    transition:
      post_block: fadeIn
      post_header: slideDownIn
      post_body: slideDownIn
      coll_header: slideLeftIn
      # Only for Pisces | Gemini.
      sidebar: fadeIn

  $ cd hexo-test
  $ hexo clean (to clean all generated files)
  $ hexo s

  Go to http://test.almostover.ru:777 and force refresh Chrome (Ctrl + Shift + R) — all blocks appear fine (without motions) and no have opacity styles.

• Motion enabled, other motion settings is defaults:

  motion:
    enable: true
    async: false
    transition:
      post_block: fadeIn
      post_header: slideDownIn
      post_body: slideDownIn
      coll_header: slideLeftIn
      # Only for Pisces | Gemini.
      sidebar: fadeIn

  $ CTRL + C (to exit from Hexo running server)
  $ hexo s (run Hexo server again)

  Go to http://test.almostover.ru:777 and force refresh Chrome (Ctrl + Shift + R) — all blocks appear fine (within motions) and have opacity: 1; styles and opacity: 0; rewrited styles.

P.S. Test on latest development version (5.1.3). Will be release as soon as possible.

P.S.S. Your problem with no worked motion.js in homepage with hexo s and i don't know why. Mb, somewhat blocked this script or anything else. When motion start work, script do opacity styles of this elements from 0 to 1 and elements show with defined effects.

[xiaoxiaojing]

i also have this problem. and i remove the "hexo-browsersync". it goes well.

[moremind]

想请问一下这个页面的目录以及赞赏是不能关闭的？NexT6.0版本...

[ivan-nginx]

NexT is rebased into organization repo.
If you want new feature, fix, or support, create new in NexT v6.x repo (desirable in English).

There is instructions on English or Chinese how to update from v5.1.x to v 6.x

You also may read this for details.