After trying 30+ Jekyll themes, I notice the "NexT" is the best one I want. Clear structure and config files; Nice design; Multilanguages and auto well-fitting for PC and mobile devices.

Of course, some detailed customizations in _config.yml Activate MathJax with Jekyll by add Javascript codes in _layout/post.html

NexT is a high quality elegant Jekyll theme ported from Hexo NexT. It is crafted from scratch, with love.

• Live Preview
• Yitao's Blog

• Desktop

• Sidebar

• Sidebar (Post details page)

• Mobile

Check whether you have Ruby 2.1.0 or higher installed:

ruby --version

Install Bundler:

gem install bundler

Clone NexT theme:

git clone https://github.com/Simpleyyt/jekyll-theme-next.git
cd jekyll-theme-next

Install Jekyll and other dependencies from the GitHub Pages gem:

bundle install

Run your Jekyll site locally:

bundle exec jekyll server

More Details：Setting up your GitHub Pages site locally with Jekyll

Default language is English.

language: en
# language: zh-Hans
# language: fr-FR
# language: zh-hk
# language: zh-tw
# language: ru
# language: de

Set language field as following in site _config.yml to change to Chinese.

language: zh-Hans

NexT has native support for DuoShuo and Disqus comment systems.

Add the following snippets to your _config.yml:

duoshuo:
  enable: true
  shortname: your-duoshuo-shortname

OR

disqus_shortname: your-disqus-shortname

NexT can automatically add links to your Social Media accounts:

social:
  GitHub: your-github-url
  Twitter: your-twitter-url
  Weibo: your-weibo-url
  DouBan: your-douban-url
  ZhiHu: your-zhihu-url

Show a feed link.

Set rss field in theme's _config.yml, as the following value:

1. rss: false will totally disable feed link.

2. rss: use sites' feed link. This is the default option.

   Follow the installation instruction in the plugin's README. After the configuration is done for this plugin, the feed link is ready too.

3. rss: http://your-feed-url set specific feed link.

NexT uses Tomorrow Theme with 5 themes for you to choose from. Next use normal by default. Have a preview about normal and night:

Head over to Tomorrow Theme for more details.

NexT comes with few configurations.

# Menu configuration.
menu:
  home: /
  archives: /archives

# Favicon
favicon: /assets/favicon.ico

# Avatar (put the image into next/source/images/)
# can be any image format supported by web browsers (JPEG,PNG,GIF,SVG,..)
avatar: /assets/default_avatar.png

# Code highlight theme
# available: normal | night | night eighties | night blue | night bright
highlight_theme: normal

# Fancybox for image gallery
fancybox: true

# Specify the date when the site was setup
since: 2013