Next主题相关配置

设置hexo首页只显示部分摘要

只针对Next主题,不确保对于其它主题有效(但从修改模式来看,是有效的)

Next默认是会显示全文的,这样显然很不方便,因此需要一些方法去只显示前面一部分。

修改配置

首先需要在Next主题的_config.yml中把设置打开:(默认安装时就打开了)

1
2
# Automatically excerpt description in homepage as preamble text.
excerpt_description: true

然后有两种方法

写概述

在文章的front-matter中添加description,其中description中的内容就会被显示在首页上,其余一律不显示。

1
2
3
4
5
---
title: 让首页显示部分内容
date: 2020-02-23 22:55:10
description: 这是显示在首页的概述,正文内容均会被隐藏。
---

比较不方便的是还得写一下概述,很多时候会懒得写概述,于是就需要第二种方法了。

文章截断

在需要截断的地方加入:

1
<!--more-->

首页就会显示这条以上的所有内容,隐藏接下来的所有内容。

添加搜索功能

安装exo-generator-searchdb这个插件

1
npm install hexo-generator-searchdb --save
1
2
3
4
5
6
7
search:
path: search.xml
field: post
format: html
limit: 10000
local_search:
enable: true

设置侧栏阅读进度百分比

编辑站点配置文件,修改 back2top 部分如下

1
2
3
4
back2top:
enable: true
sidebar: true
scrollpercent: true

设置网页底部信息

查看主题配置文件,修改 footer 配置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
footer:
# Specify the date when the site was setup. If not defined, current year will be used.
since: 2017

# Icon between year and copyright info.
icon:
# Icon name in Font Awesome. See: https://fontawesome.com/icons
name: fa fa-heart
# If you want to animate the icon, set it to true.
animated: false
# Change the color of icon, using Hex Code.
color: "#00BFFF"

# If not defined, `author` from Hexo `_config.yml` will be used.
copyright:

# Powered by Hexo & NexT
powered: true

主页文章添加置顶图标(可选)

修改主题的/layout/_macro/post.swig 文件,在“置顶” 标识下,加入如下描述:

1
2
3
4
5
{% if post.top %}
<i class="fa fa-thumb-tack"></i>
<font color=7D26CD>{{ __('post.sticky') }}</font>
<span class="post-meta-divider">|</span>
{% endif %}

设置代码块复制和代码高亮

在主题配置文件中修改codeblock

1
2
3
4
5
6
codeblock:
highlight_theme: normal
copy_button:
enable: true
show_result: true
style:

文章加上访问量

打开主题的配置文件/theme/next/_config.yml,找到如下配置busuanzi_count(不蒜子)启用

1
2
busuanzi_count:
enable: true

侧边栏社交链接

修改主题配置文件

1
2
3
4
social:
GitHub: https://github.com/xxxxx || fab fa-github
E-Mail: xxxxxxxxxx@qq.com || fa fa-envelope
Bili: https://space.bilibili.com/xxxxxx || fa fa-tv

添加侧栏友情链接

在主题配置文件中修改Blog rolls

1
2
3
4
5
6
7
8
links_settings:
icon: fa fa-link
title: Friend Links
layout: inline

links:
V2EX: https://www.xxxx.com/
#Title: http://yoursite.com

添加评论系统

next集成的评论系统很多,本站用的是第三方的来必力,一个韩国评论系统。登陆 来必力 获取你的 LiveRe UID。 编辑 主题配置文件, 编辑 livere_uid 字段(不用带引号),设置如下:

1
livere_uid: #your livere_uid

参考文章