Sidebar Style
By default sidebar only shows in posts (have a table of content), and is placed in left side. You can change it by editing values under sidebar
setting in NexT config file.
Sidebar has several options, including position
, width
, display
, padding
and offset
.
Set up sidebar position by changing the value of sidebar.position
, which can be one of following:
left
→ Place at the left of the screen.right
→ Place at the right of the screen.
sidebar: |
You can change sidebar width by specify sidebar.width
setting in pixels, for example:
sidebar: |
This option is commented out by default and values are:
- For Muse | Mist schemes:
320
- For Pisces | Gemini schemes:
240
Set up conditions under which sidebar will show by editing sidebar.display
value, which can be one of following:
post
→ Show sidebar only in posts which have index.always
→ Show sidebar in all pages.hide
→ Hide it in all pages (but can be opened by user manually).remove
→ Remove sidebar totally.
sidebar: |
Set up sidebar padding in pixels by changing the value of sidebar.padding
:
sidebar: |
Set up sidebar offset from top menubar in pixels by changing the value of sidebar.offset
:
sidebar: |
For now only Pisces / Gemini Schemes supports offset
setting under 6.0.x version or later.
Configuring Avatar
By default NexT doesn’t show avatar in sidebar. You can configure it by editing values under avatar
setting in NexT config file.
For first test you can uncomment /images/avatar.gif
value near the avatar.url
setting to see default avatar:
avatar: |
Then you need to specify your own avatar. It can be done one of the ways below:
Put your avatar under site directory source/uploads/
(create directory if it doesn’t exists).
And then change option to url: /uploads/avatar.png
.
Put your avatar under theme directory source/images/
.
And then change option to url: /images/avatar.png
.
Current site uses avatar under theme directory from file located in next/source/images/apple-touch-icon-next.png
with following config:
avatar: |
You can also specify any external URL with absolute path to image: http(s)://example.com/avatar.png
Set up rounded of avatar by changing the value of avatar.rounded
:
true
→ Avatar will be rounded.false
→ Avatar will be squared.
avatar: |
Set up rotated of avatar by changing the value of avatar.rotated
:
true
→ Avatar will be rotate under the mouse hovering.false
→ Avatar will not rotate under the mouse hovering.
avatar: |
Sidebar Site State
By default NexT shows the categories and counts of Posts / Categories / Tags in sidebar. You can configure it by editing value site_state
in NexT config file.
site_state: true |
Sidebar Social Links
Social Links have similar structure as Menu Items, only target link there is difference: specified link must have full url path (permalink).
Edit the social
section in NexT config file as following:
social: |
By default NexT shows the icons of social links in sidebar.
Sidebar Blogrolls
You can add blog rolls within sidebar in NexT.
By default NexT shows the globe
icon
before title
. The name of icon can be found in Font Awesome site. You can configure it by editing value icon
in links_settings
section in NexT config file.
links_settings: |
By default NexT uses Links
as the name of blogroll. You can configure it by editing value title
in links_settings
section in NexT config file.
links_settings: |
By default all blogrolls are displayed in block. You can configure it to inline
by editing value layout
in links_settings
section in NexT config file.
links_settings: |
Edit the links
section in NexT config file and add your favorite links:
links: |
Sidebar TOC
By default NexT shows Table Of Contents (TOC)
in the sidebar. You can disable it by setting toc.enable
to false
in NexT config file.
toc: |
By default NexT adds list number to TOC automatically. You can disable it by setting toc.number
to false
in NexT config file.
toc: |
If the post header width longer than sidebar width, you can wrap the header words in next lines by setting toc.wrap
to true
in NexT config file.
toc: |
If you want all level of TOC in a post to be displayed, rather than the activated part of it, you can set toc.expand_all
to true
in NexT config file.
toc: |
By default maximum heading depth of generated toc is 6. You can set it by setting toc.max_depth
to another number
in NexT config file.
toc: |
enable
icons_only
transition
You can configure it by editing value
enable
insocial_icons
section in NexT config file.Set the value
icons_only
totrue
to display social icons without description insocial_icons
section in NexT config file as following:Set the value
transition
totrue
to display social icons with transition effects insocial_icons
section in NexT config file as following: