Theme Settings

NexT insists to hide complex details and gives you a simple but flexible config, so you can use it easily.

Console Reminder

Next supports automatic check for updates and alerts in the console. Set the value reminder to true in minify section in theme config file as following:

# Console reminder if new version released.
reminder: false

Cache Support

NexT v6+ allows to cache content generation. Set the value enable to true in cache section in theme config file as following:

# Allow to cache content generation. Introduced in NexT v6.0.0.
enable: true

Minify Support

This feature is currently a bit simplistic, and we will further improve it in the future.

NexT allows to minify hexo generation. Set the value minify to true in theme config file as following:

# Remove unnecessary files after hexo generate.
minify: true

Creative Commons

NexT supports the display of Creative Commons 4.0 International License in sidebar and post including by, by-nc, by-nc-nd, by-nc-sa, by-nd, by-sa, zero. These licenses allow creators to communicate which rights they reserve, and which rights they waive for the benefit of recipients or other creators.

You can configure it by editing values in creative_commons section in theme config file, for example:

license: by-nc-sa
sidebar: true
post: true
language: deed.zh

Text Align

NexT allows to customize the text alignment in posts / pages. The text-align CSS property sets the horizontal alignment of a block element or table-cell box.

Values Effect
start The same as left if direction is left-to-right and right if direction is right-to-left.
end The same as right if direction is left-to-right and left if direction is right-to-left.
left The inline contents are aligned to the left edge of the line box.
right The inline contents are aligned to the right edge of the line box.
center The inline contents are centered within the line box.
justify The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.
justify-all Same as justify, but also forces the last line to be justified.
match-parent Similar to inherit, but the values start and end are calculated according to the parent's direction and are replaced by the appropriate left or right value.
# Set the text alignment in the posts.
# Available values: start | end | left | right | center | justify | justify-all | match-parent
desktop: justify
mobile: justify

Mobile Devices Adaptation

If you want to reduce padding/margin indents on devices with narrow width, you can enable it by setting value mobile_layout_economy to true in theme config file.

mobile_layout_economy: true

By default NexT uses black-deep (#222) as the color of android Chrome header panel. You can configure it by editing values with Hex color in android_chrome_color section in theme config file.

android_chrome_color: "#222"

Custom Logo Support

NexT supports the site logo personalization.

You can enable it by adding images's url to custom_logo in theme config file.

custom_logo: /uploads/custom-logo.jpg

Scheme Mist does not support custom logo setting.

Codeblock Style

Code Highlight Theme

NexT uses Tomorrow Theme to support code highlight.
Default style is white (normal) and there are 8 styles to choose:

  • normal
  • night
  • night blue
  • night bright
  • night eighties
  • solarized
  • solarized dark
  • galactic

Change the value of highlight_theme to choose the highlight style you like, for example:

# Code Highlight theme
# Available values: normal | night | night eighties | night blue | night bright | solarized | solarized dark | galactic
highlight_theme: night

NexT supports the copy-and-paste functionality of codeblock.

You can enable it by setting value copy_button.enable to true in theme config file.

enable: true

By default NexT doesn't show copy results of the copy-and-paste functionality. You can also enable it by setting value copy_button.show_result to true in theme config file.

show_result: true

With style option, you can change your copy button style.
There are three style available currently: default(Just leave it empty), flat and mac.

style: flat

Reading Progress

NexT supports the page scroll reading progress indicator.

You can enable it by setting value reading_progress.enable to true in theme config file.

enable: true
color: "#37c6c0"
height: 2px


Bookmark is a plugin that allow the users save their reading progress. Users could just click the bookmark icon (like 🔖) in left-top of the page to save the scroll position. And when they visit your blog in the next time, they can resume the last scroll position of each page automatically.

You can enable it by setting value bookmark.enable to true in theme config file.

enable: false
# Customize the color of the bookmark.
color: "#222"
# If auto, save the reading progress when closing the page or clicking the bookmark-icon.
# If manual, only save it by clicking the bookmark-icon.
save: auto

GitHub Banner

NexT provides Follow me on GitHub banner in right-top corner.

# Follow me on GitHub banner in right-top corner.
enable: true
title: Follow me on GitHub

permalink → is the specified link must have full url path.

title → is the title and aria-label name.

You can set enable to true and add your own GitHub link.

Fonts Customization

NexT gives you 5 specific font settings, they are:

  • Global Font: Font used in the whole site.
  • Title Font: Font used by site title.
  • Headlines Font: Font used by titles in articles (h1, h2, h3, h4, h5, h6).
  • Article Font: Font used by articles.
  • Code Font: Font used by code blocks in articles.

Each font will be used as the first font of this class, NexT will fallback to internal font settings if they are unavalible.

  • Non-code Font: Fallback to "PingFang SC", "Microsoft YaHei", sans-serif
  • Code Font: Fallback to consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace

Plus each section has a external attribute, this controls whether to use the font library CDN.
Use this can help you to use fonts installed in system and reduce unnecessary requests.

To solve the unstable of Google Fonts API in some countries, NexT supports custom URL of fonts library by setting
In addition, we noticed that for requests from certain websites, Google Fonts will return 403. At this time, it is necessary to use to set up a mirror site.
Relevant issues: #613, #1333

# Use custom fonts families or not.
# Depended options: `external` and `family`.
enable: true

# Uri of fonts host, e.g. (Default).

# Font options:
# `external: true` will load this font family from `host` above.
# `family: Times New Roman`. Without any quotes.
# `size: x.x`. Use `em` as unit. Default: 1 (16px)

# Global font settings used for all elements inside <body>.
external: true
family: Monda
size: 1.125

# Font settings for site title (.site-title).
external: true
family: Lobster Two

# Font settings for headlines (<h1> to <h6>).
external: true
family: Amita

# Font settings for posts (.post-body).
external: true
family: Roboto Slab

# Font settings for <code> and code blocks.
external: true
family: PT Mono