Theme Settings

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

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

NexT uses the Highlight.js and Prism package to support code highlight. Default style is tomorrow and there are more than 90 styles to choose.

You can preview all available Code Highlight themes here: NexT Highlight Theme Preview. Change the value of theme and prism to choose the highlight style you like.

# Code Highlight theme
# All available themes:
light: tomorrow
dark: tomorrow-night
light: prism
dark: prism-dark

If Dark Mode is enabled, dark code highlighting themes will be available.

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. By default NexT shows copy result of the copy-and-paste functionality.

enable: 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 headings 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

If you still need more customization, following change will cover Fonts Customization function. Edit source/_data/variables.styl in Hexo root directory and add two varibles:

// Title Font, set it to font family you want.
$font-family-headings = Georgia, sans

// Set it to font family you want.
$font-family-base = "Microsoft YaHei", Verdana, sans-serif

// Code Font.
$code-font-family = "Input Mono", "PT Mono", Consolas, Monaco, Menlo, monospace

// Font size of articles.
$font-size-base = 16px

// Font size of table and code.
$table-font-size = 13px

Then uncomment variable under the custom_file_path section in theme config file.