Hexo基本设置

3. 更换主题

配置完hexo之后，我们需要更换主题，有很多主题的选择，官网主题，这里介绍两个主题的使用NexT以及Fluid

一、NexT
首先下载主题

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

然后配置响应文件并启动静态网页查看即可

打开hexo-blog的_config.yml文件进行配置theme:next

hexo g -d
hexo s

二、Fluid

主题网站: 安装方法

官网给了两种安装方法，命令行安装和手动安装，这里将手动安装方法copy了过来

下载最新release版本解压到themes目录，并将解压出的文件重命名为fluid

然后修改相应配置文件，修改hexo博客目录中的_config.yml

theme: fluid # 指定主题
language: zh-CN # 指定语言，会影响主题显示的语言，按需修改

创建「关于页」，首次使用主题的「关于页」需要手动创建

hexo new page about

创建成功后，编辑博客目录下/source/about/index.md，添加layout属性，修改后的文件示例如下:

---
title: about
layout: about
---

这里写关于页的正文，支持Markdown，HTML

然后启动主题进入相应网址查看效果

hexo g -d
hexo s

个性化页面展示

一、浏览器Tab名称

修改_config.yml的title字段

# Site
title: Hexo
subtitle: ''
description: ''
keywords:
author: John Doe
language: en
timezone: ''

二、博客标题

修改themes\fluid下_config.yml的blog_title字段

三、主页正中间的文字

主题目录themes\fluid下_config.yml的text字段

四、添加阅读量统计

注册leancloud账号并实名认证等

然后在应用选项处点击创建应用，选择开发版，在设置-应用凭证处找到AppID和AppKey记录下来以后使用

修改fluid设置

在themes\fluid下的_config.yml文件下修改下面配置

web_analytics:
  enable: true # 改为true
  
  leancloud:
    app_id: xxx # 把刚才的appid复制过来
    app_key: xxx # 把刚才的appkey复制过来
    
    views:
      enable: true
      source: "leancloud" # 改为leancloud

修改网站底部的PV UV统计数

statistics:
  enable: true
  source: "leancloud"
  pv_format: "总访问量 {} 次"
  uv_format: "总访客数 {} 人"

五、添加评论

修改themes\fluid下的_config.yml文件

comments:
  enable: true
  type: valine

配置leancloud的appid和appkey

valine:
  appId: xxx
  appKey: xxx

发布到GitHub Pages