Configure Academic Page in Jekyll + Blog in Hexo together

Difficult situations:

1. The Academic page is powered by Jekyll, while the blog website is powered by Hexo.
2. And they are maintained in two separated repositories on Github.
3. Besides [username].github.io, I have a domain jyzhu.top, and want to use my custom domain.
4. All in all, I hope to visit the academic page is at jyzhu.top, while visit the blog is at jyzhu.top/blog.

Now let's configure.

1. Rename the blog repo as blog; rename the academic page repo as [username].github.io.

2. Edit the blog's Hexo config file:

   url: https://jyzhu.top/blog
   root: /blog/

   While no need to move all the files into a subfolder blog of your repo.

   The Jekyll config is simple. Nothing needs to specify.

3. Edit the Github repo settings. Set the academic repo's custom domain as jyzhu.top. A CNAME file will be automatically added in the root. Now obviously, the jyzhu.top successfully refers to the academic page.

   Then you know what, everything is done! Because all other repos with github page turns on, are automatically mapped to subpaths of [username].github.io by Github. Then coz [username].github.io is mapped to [url], everything will be there, including [url]/blog for the blog repo.

TODO

The hexo-douban plugin cannot render styles now. Need to fix.

Update:

1. updated hexo-douban to the latest version
2. edit the file path of loading.gif in the index.js of this plugin

then it seems ok now.