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主题设置背景图片

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值