小白象

whitelephantee

0%

Hexo 优化 II

发表于 分类于
本文字数： 1.9k 阅读时长 ≈ 4 分钟

标签页

我来打脸了，用了两天突然发现 tags 还是挺实用的，所以又来设置标签页了……

增加标签页面，会生成一个 source/tags/index.md 文件。

1
hexo new page tags

打开后在title下面增加两行。

type: tags
comments: false

然后在主题的 _config.yml 文件里，在menu里打开tags就可以啦。

tags: /tags/ || fa fa-tags

阅读全文

原来 Next 的老版本中能够自动节选文章开头作为摘录放到首页，然后有点击阅读更多的按钮，但是在最新版本中 Hexo 的开发者们把这个功能去掉了，所以现在如果想节选摘录的话主要有两种方法。

1. 手动分割

这是 Hexo 内置的方式，在每篇文章想要截取的位置写入一下代码，之后首页就会自动截取。

<!-- more -->

2. 安装插件

向我这种懒人，实在是懒得每篇都加，写着写着很可能忘了不说，看着自己写的我总是拿不准要在哪里截比较好，好像哪里都怪怪的，还是觉着这种事交给机器做比较好。

安装插件。

npm install hexo-excerpt --save

然后就可以了，不过我自己觉着默认的摘录还是内容有点多，想改一下设置，就去 Hexo Program 的_config.yml 里加了两行。

excerpt:
  depth: 5 #截取的数量 默认是10
  excerpt_excludes: []
  more_excludes: []
  hideWholePostExcerpts: true

更改字体

更改字体

Hexo Next 毕竟是以英文为主进行开发的，对中文字体的挑选肯定就没有英文那么好，所以我就想自己修改一下字体。

进入主题的_config.yml 配置文件，找到 fonts 部分把字体部分功能打开。

font:
  enable: true

进行修改，可以自己在 Google Fonts 里找到喜欢的字体，然后加到想改的部分（标题、正文、全局……）

global: #修改全局字体
  external: true
  family: Noto Serif SC
  size:

title: #修改标题字体
  external: true
  family: 
  size:

headings: #修改文章里的小标题字体
  external: true
  family: Noto Serif SC
  size:

posts: #修改文章内容
  external: true
  family:

codes: #修改代码块字体
  external: true
  family:

添加阅读量统计和评论功能

Next 里提供了两种阅读量统计的功能——valine 和 LeanCloud，但是实际上两个都是依托于 LeanCloud，所以我们首先需要注册 LeanCloud 账户，注册后创建应用，

valine-01

创建应用后进入应用，分别创建名为 Comment 和 Counter 的两个 class。

valine-02

创建后，进入 设置-应用Keys，记下来 AppID 和 APPKey，填入主题的_config.yml 相应的位置。

valine:
  enable: true #打开
  appid: # 填入appid
  appkey: # 填入appkey
  placeholder: Just go go #默认评论栏里是什么字
  language: zh-cn # 设置一下语言
  visitor: true # 打开
  comment_count: true #打开阅读次数技术

打开 valine 网页，找到最新版的地址。

valine-03

填写进主题的_config.yml 相应位置。

# Valine
  # valine: //cdn.jsdelivr.net/npm/valine@1/dist/Valine.min.js
  # valine: //cdnjs.cloudflare.com/ajax/libs/valine/1.3.10/Valine.min.js
  valine: https://cdn.jsdelivr.net/npm/valine@1.4.14/dist/Valine.min.js

进入 Hexo 的_config.yml ，URL一栏填入你的网站地址。

# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
url: #填这里

现在已经基本大功告成啦，但是现在评论那里显示的是「valine:0」而不是「评论数：0」，需要我们手动更改一下。

进入 themes/next/languages/zh-CN.yml，在post下面添加一行：

comments.valine: 评论数

就可以啦。

对了，开启评论之后默认的是所有文章都会开启，想不开启的话（比如分类页和标签页的index）要在文章最开头写title的那里写上。

comments: false