hexo博客美化

该文章更新于 2022.06.24

hexo博客美化

修改基本信息

打开博客目录下的_config.yml文件，修改网站的标题、标签等基本信息。

参数	描述
title	网站的标题
subtitle	网站的副标题
description	对于网站的描述，主要用于SEO
keywords	网站的关键词，支持多个关键词
author	作者名
language	网站使用的语言，对于简体中文用户来说，语言的设置跟使用不同的主题有关，可以参考各自主题的文档自行配置，一般为zh-CN
timezone	设置网站的时区，如果不填则默认使用你电脑的时区

更换主题

去官网挑选喜欢的主题https://hexo.io/themes/

下载主题，将他放在themes文件夹下。

修改Hexo配置文件 _config.yml 主题项设置为主题名称，即可查看其效果（每个主题的具体配置方法需要进入其官网查看）

添加Live2D看板娘

安装依赖

1	npm install --save hexo-helper-live2d

输入以下命令，下载相应的模型，将 packagename 更换成模型名称即可。

1	npm install live2d-widget-model-shizuku

模型名称如下：

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

复制下载的模型

在hexo的根目录创建名为live2d_models的文件夹
把之前安装的模型文件夹从node_modules文件夹复制到live2d_models中

打开站点目录下的 _config.yml文件，添加如下代码：

# live2d
live2d:
  enable: true  # 是否启动
  scriptFrom: local # 默认
  pluginRootPath: live2dw/  # 插件在站点上的根目录(相对路径)
  pluginJsPath: lib/  # 脚本文件相对与插件根目录路径
  pluginModelPath: assets/  # 模型文件相对与插件根目录路径
  tagMode: false  # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
  debug: false  # 调试, 是否在控制台输出日志
  model:
    use: live2d-widget-model-shizuku # npm-module package name
  display:
    position: right # 定位方向 left right top bottom
    width: 150  # 小人宽度
    height: 300 #  小人高度
    hOffset: -15  # 向 偏移
    vOffset: -15  # 像 偏移
  mobile:
    show: true  # 手机端是否显示
  react:
    opacity: 0.7  # 模型透明度

浏览器网页标题恶搞

首先在目录 \Hexo\themes\hexo-theme-spfk\source\js下新建一个 FunnyTitle.js 文件，在里面填写如下代码：

<!--浏览器搞笑标题-->
 var OriginTitle = document.title;
 var titleTime;
 document.addEventListener('visibilitychange', function () {
     if (document.hidden) {
         $('[rel="icon"]').attr('href', "/img/trhx2.png");
         document.title = 'ヽ(●-`Д´-)ノ你丑你就走！';
         clearTimeout(titleTime);
     }
     else {
         $('[rel="icon"]').attr('href', "/img/trhx2.png");
         document.title = 'ヾ(Ő∀Ő3)ノ你帅就回来！' + OriginTitle;
         titleTime = setTimeout(function () {
             document.title = OriginTitle;
         }, 2000);
     }
 });