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], I have a domain, and want to use my custom domain.
  4. All in all, I hope to visit the academic page is at, while visit the blog is at

Now let's configure.

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

  2. Edit the blog's Hexo config file:

    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 A CNAME file will be automatically added in the root. Now obviously, the 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] by Github. Then coz [username] is mapped to [url], everything will be there, including [url]/blog for the blog repo.


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


  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.