NexT Upgrade

Technically, this article is not upgrading the NexT theme, rather, it’s exploring the already setup features of the theme.

If not specified, all the changes made are under /themes/next/_config.yml. Just use ctrl+f to find the corresponding section, and modified the section of code.


Symbol Count

Basically, I just followed the instructions from the project. Authors have explained it pretty well.

Here’s the quote from the project:

Symbols count and time to read of articles.

Better than hexo-reading-time and faster than hexo-worcount. No external dependencies.

Installation

1
$ npm install hexo-symbols-count-time --save

Configuration

  1. Edit the _config.yml of Hexo rather than NexT, use ctrl+f to find whether symbols_count_time is in the configuration file. If so, edit it, otherwise, just add this section of code at the end of file:

    1
    2
    3
    4
    5
    6
    symbols_count_time:
    symbols: true
    time: true
    total_symbols: true
    total_time: true
    exclude_codeblock: false

    Most likely symbols_count_time is not here or is commented out, otherwise, the function should already be on the site.

  2. Edit themes/next/_config.yml as following:

    1
    2
    3
    4
    5
    6
    7
    symbols_count_time:
    separated_meta: true
    item_text_post: true
    item_text_total: false
    awl: 4
    wpm: 275
    suffix: mins.
  3. Last, rerun the server:

    1
    2
    # If you don't see any changes, and most likely you will not see the changes...
    $ hexo clean && hexo g && hexo s

For more detailed information, read the instructions from the project.


Links

1
2
3
4
5
6
7
# Blog rolls
links_icon: link
links_title: Links
links_layout: block
#links_layout: inline
links:
Name_of_the_site: https://name_of_the_link.com

Social Links

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# Social Links
# Usage: `Key: permalink || icon`
# Key is the link label showing to end users.
# Value before `||` delimeter is the target permalink.
# Value after `||` delimeter is the name of FontAwesome icon. If icon (with or without delimeter) is not specified, globe icon will be loaded.
social:
GitHub: https://github.com/GoldenaArcher || github
#E-Mail: mailto:yourname@gmail.com || envelope
#Weibo: https://weibo.com/yourname || weibo
#Google: https://plus.google.com/yourname || google
#Twitter: https://twitter.com/yourname || twitter
#FB Page: https://www.facebook.com/yourname || facebook
#VK Group: https://vk.com/yourname || vk
#StackOverflow: https://stackoverflow.com/yourname || stack-overflow
#YouTube: https://youtube.com/yourname || youtube
#Instagram: https://instagram.com/yourname || instagram
#Skype: skype:yourname?call|chat || skype

Avatar

1
2
3
4
5
6
7
8
9
10
11
12
# Sidebar Avatar
avatar:
# In theme directory (source/images): /images/avatar.gif
# In site directory (source/uploads): /uploads/avatar.gif
# You can also use other linking images.
url: put url here
# If true, the avatar would be dispalyed in circle.
rounded: false
# The value of opacity should be choose from 0 to 1 to set the opacity of the avatar.
opacity: 1
# If true, the avatar would be rotated with the cursor.
rotated: false

Since

1
2
3
footer:
# Specify the date when the site was setup. If not defined, current year will be used.
since: 2019

View

Doesn’t want to translate since I’m not sure how I did it… but the instruction is very clear and can be easily to set up for free.


Visitors

Just set busuanzi function to true:

1
2
3
4
5
6
7
8
9
10
# Show Views / Visitors of the website / page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi
busuanzi_count:
enable: true
total_visitors: true
total_visitors_icon: user
total_views: true
total_views_icon: eye
post_views: true
post_views_icon: eye

Copyright

I just enable the default copyright

1
2
3
4
5
creative_commons:
license: by-nc-sa
sidebar: true # show it on the sidebar
post: true # show it below the post
language:

Comment

1
2
3
4
5
6
7
8
9
10
valine:
enable: true
appid: some-app-id
appkey: some-app-key
notify: false # mail notifier, See: https://github.com/xCss/Valine/wiki
verify: true
placeholder: Just go go # comment box placeholder
avatar: mm
guest_info: nick,mail,link
pageSize: 10

Font Awesome

Update to 5.8.2 since many icons cannot be find with built-in version

1
2
3
4
5
6
7
vendors:
# Internal version: 4.6.2
# See: https://fontawesome.com
# Example:
# fontawesome: //cdn.jsdelivr.net/npm/font-awesome@4/css/font-awesome.min.css
# fontawesome: //cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css
fontawesome: //cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css

运行时间/Runtime

站点运行时间 in cn


Mathjax

mathjax in cn


-------The end of this article  Thank you for your reading-------
0%