Hexo-Next主题配置

一、Next主题配置

1、网站的图标

设置网页上显示的图标

favicon:                                                                                  
	#small: /images/favicon-16x16-next.png                                                  
	small: /images/favicon.png                                                              
   	# medium: /images/favicon-32x32-next.png                                                
	medium: /images/favicon.png                                                             
	apple_touch_icon: /images/apple-touch-icon-next.png                                     
	safari_pinned_tab: /images/logo.svg                                                     
   	#android_manifest: /images/manifest.json                                                
     #ms_browserconfig: /images/browserconfig.xml   

2、个人头像

# Sidebar Avatar                                                                               
avatar:
  # Replace the default image and set the url here.                                           
  url: https://hbimg.huabanimg.com/64d7413a3a797bcef0e1b5299f431d0a189041aa5549-IDjqNG_fw658/format/webp                                                                                                                                             
  # If true, the avatar will be dispalyed in circle.显示为圆形
  rounded: false
  # If true, the avatar will be rotated with the cursor.点击时旋转
  rotated: false

3、社交链接

social_icons:
  enable: true             # 是否在社交链接标签上显示图标
  icons_only: false        # 只显示图标
  transition: false        # 是否显示过渡效果

4、文章版权说明

creative_commons:
  license: by-nc-sa 	# 版权说明
  sidebar: false		# 侧边栏就不需要版权了，false
  post: false 			# 文章需要搬去哪说明，修改为true
  language:				# 语言可以不用设置，因为在站点配置文件中已经设置好了

5、显示文章预计阅读时间

5.1、前言

• Hexo版本：4.2.0
• NexT版本：7.7.1
• symbols_count_time能够统计页面或者站点的单词以及阅读所需时间
• 自NexT 6.0发行版之后第三方插件hexo-wordcount就被symbols_count_time取缔了，相比之下symbols_count_time没有额外的依赖，性能更加强大
• GitHub：symbols_count_time

5.2、安装部署

• 安装symbols_count_time插件

在Hexo的根目录下安装symbols_count_time

npm install hexo-symbols-count-time

• 配置Hexo站点配置文件_config.yml

在合适位置添加以下配置信息

# 设置博客单词统计
symbols_count_time:
  # 文章字数统计
  symbols: true
  # 文章阅读时间统计
  time: true
  # 站点总字数统计
  total_symbols: false
  # 站点总阅读时间统计
  total_time: false
  exclude_codeblock: false

• 配置NexT主题配置文件themes/next/_config.yml

在symbols_count_time选下开启单词统计

# Post wordcount display settings
# Dependencies: https://github.com/theme-next/hexo-symbols-count-time
symbols_count_time: # 预计阅读时间和文章字数统计，需要安装插件，具体的设参考上面的链接，
  # 是否另起一行（true的话不和发表时间等同一行）
  separated_meta: true
  # 首页文章统计数量前是否显示文字描述（本文字数、阅读时长）
  item_text_post: true
   # 页面底部统计数量前是否显示文字描述（站点总字数、站点阅读时长）
  item_text_total: false
  awl: 4 # 平均字长
  wpm: 275 # 每分钟阅读字数

重新生成Hexo即可

二、其他插件

1、文章永久链接

npm install hexo-abbrlink --save

配置

进入 Hexo 配置文件（非主题配置文件），找到 permalink，按下图修改：

permalink: posts/:abbrlink/

为了方便爬虫爬取，也可以将代码修改为：

permalink: :abbrlink.html

使用

hexo clean & hexo g & hexo depl

2、优化tag，变成彩色的tags

给next添加彩色标签

3、next主题修改背景图片

next主题美化——背景图片、动画

Hexo之NexT主题设置背景图片