hexo设置主题

1.更换Hexo主题

1.1：首先将NexT的主题源文件下载到本地，使用Git克隆指令如下：

git clone https://github.com/iissnan/hexo-theme-next themes/next

下载后，将压缩包解压缩，复制其中名称为next的文件夹到Hexo的主题目录下，主题目录的路径为

博客根目录/themes/

1.2：在Hexo根目录下有一个以_config.yml命名的文件（下称站点配置文件），用Natepad++等文本编辑器打开，在其中找到theme属性，将其由landscape改为next。

1.3：然后在Hexo根目录执行部署Hexo指令：

// 清理缓存
hexo clean

// 生成文件
hexo g

// 部署
hexo d

便可以在远程的博客上看到修改主题后的样式了。

2.设置Hexo主题模式

2.1：在Hexo主题中，有三种不同的模式，通过切换模式，让NexT主题显示不一样的样式。在NexT根目录下有一个同样名称为_config.yml，在其中找到scheme属性，如下图所示：

NexT主题默认使用Muse模式

3.设置预览摘要

3.1：尽管首页显示的是所有文章的列表，但是每一篇文章都显示了所有内容，可以启用预览摘要模式，在主题配置文件中找到auto_excerpt属性，将enable设置为true ，将length设置为想要预览到的字数，如下图所示：

3.2：然后在Hexo根目录执行部署Hexo指令：

// 清理缓存
hexo clean

// 生成文件
hexo g

// 部署
hexo d

4.添加打赏功能

4.1：添加二维码图片资源

得到二维码图片资源后，读者们可将二维码图片放到NexT根目录/source/images/文件夹下。

4.2：开启打赏功能

五:设置作者、头像和语言

修改next目录下的_config.yml配置文件

title: 学习
subtitle:
description:
author: Sai Wang
avatar: /images/avatar.png
language: zh-Hans
timezone:

将avatar.png图片放到NexT根目录/source/images/文件夹下。

六：网站底部字数统计

切换到根目录下，然后运行如下代码

npm install hexo-wordcount --save

然后在/themes/next/layout/_partials/footer.swig文件尾部加上：

<div class="theme-info">
  <div class="powered-by"></div>
  <span class="post-count">博客全站共{{ totalcount(site) }}字</span>
</div>

七：添加 README.md 文件

每个项目下一般都有一个 README.md 文件，但是使用 hexo 部署到仓库后，项目下是没有 README.md 文件的。

在 Hexo 目录下的 source 根目录下添加一个 README.md 文件，修改站点配置文件 _config.yml ，将 skip_render 参数的值设置为

skip_render: README.md

保存退出即可。再次使用 hexo d 命令部署博客的时候就不会在渲染 README.md 这个文件了。

八：实现点击出现桃心效果

在网址输入如下

http://7u2ss1.com1.z0.glb.clouddn.com/love.js

然后将里面的代码copy一下，新建love.js文件并且将代码复制进去，然后保存。将love.js文件放到路径/themes/next/source/js/src里面，然后打开\themes\next\layout_layout.swig文件,在末尾（在前面引用会出现找不到的bug）添加以下代码：

<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/src/love.js"></script>

九：添加动态背景

直接在主题配置文件中找到canvas_nest: false，把它改为canvas_nest: true就行了

十：为博客加上萌萌的宠物

切换到根目录下，然后运行如下代码：

npm install -save hexo-helper-live2d

然后打开Hexo/blog/themes/next/layout
的_layout.swig,将下面代码放到之前：

{{ live2d() }}

然后在在 hexo 的 _config.yml 中添加参数：

## Gantzert_Felixander Epsilon2.1 haru miku ni-j nico nito nipsilon nietzsche shizuku tsumiki
## wanko z16 hibiki koharu haruto Unitychan tororo hijiki
live2d:
  model: wanko
  bottom: -30
  width: 200
  height: 400
  mobileShow: false

model 模型名称默认值: z16

width 宽度默认值: 150

height 高度默认值： 300

className 元素的类名默认值： live2d

id 元素的id 默认值： live2dcanvas

bottom 元素的底部偏移默认值： -20 如果嫌模型位置不正确可以调整这个参数

mobileShow 是否在手机上显示

十一:标题下添加阅读量

打开/themes/next/layout/_macro/post.swig，找到标签

，在该标签内部合适的位置添加：

{% if not is_index %}
	    |  阅读量  次
	{% endif %}

统计需要依赖一份js代码

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

问题

ERROR Script load failed: themes\next\scripts\tags\exturl.js
Error: Cannot find module ‘hexo-util’

解决方法：$ npm install hexo-util –save