hexo

Hexo插件

添加科技线

使用Hexo注入器如下

hexo.extend.injector.register('body_end', '<script type="text/javascript" color="122 103 238" opacity="0.7" zIndex="-2" count="200" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>', 'default');

看板娘

  1. 安装hexo-helper-live2d
npm install --save hexo-helper-live2d
  1. 安装其他插件
npm install live2d-widget-model-shizuku
  1. 修改项目根目录下_config的配置
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-shizuku
  display:
    position: left
    width: 150
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7
  1. 从新生成
hexo g
hexo s

优化categories分类

修改博客目录下的post.md文件,以后新创建 的博客将增加分类标签categories

❯ vim ./scaffolds/post.md
---
title: {{ title }}
date: {{ date }}
author: {{ author }}
summary:
keywords:
categories: 
img:
tags:
---

使用脑图工具

$ npm install hexo-simple-mindmap

写新文章时,在需要脑图的地方,如下创建(尺寸有三种规格:mindmap-sm,mindmap-mdmindmap-lg)

{% pullquote mindmap mindmap-lg %}

- software
  - 思维导图
    - 百度脑图
  - 输入法
    - 搜狗拼音
    - 百度输入法
  - 个人知识系统
    - 为知笔记
    - Vnote+坚果云

{% endpullquote %}

注意:不能使用markdown>缩进显示

  • software
    • 思维导图
      • 百度脑图
    • 输入法
      • 搜狗拼音
      • 百度输入法
    • 个人知识系统
      • 为知笔记
      • Vnote+坚果云

参考:https://hunterx.xyz/hexo-simple-mindmap-plugin-intro.html

添加Google AD

使用注入器

hexo.extend.injector.register('head_end','<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4337512190549598" crossorigin="anonymous"></script>');

压缩静态文件

使用Hexo-neat

安装

$ npm install hexo-neat --save

配置_config.yml

# hexo-neat
# 博文压缩
neat_enable: true 

# 压缩html
neat_html: 
  enable: true  
  exclude:

# 压缩css  
neat_css:  
  enable: true  
  exclude:    
    - '**/*.min.css' 

# 压缩js
neat_js:  
  enable: true  
  mangle: true  
  output:  
  compress:  
  exclude:    
    - '**/*.min.js'    
    - '**/jquery.fancybox.pack.js'    
    - '**/index.js'

安装Sitemap

$  sudo npm install hexo-generator-sitemap --save
$  sudo npm install hexo-generator-baidu-sitemap --save

更新hexo

$ vim ./_config.yul

# 指定URL到自己的网站
url: https://www.kningyuan.top/
$ hexo g
$ hexo d

安装自动刷新

npm install hexo-browsersync --save

安装加密配置插件

安装加密插件

$ npm install --save hexo-blog-encrypt

_config.yml中加载配置
# 安全设置
encrypt:
  # 启用插件
  enable: true
  # 自定义加密相关设置
  abstract: "这里的内容加密了,需要密码哦。"
  message: "请输入密码查看本文。"
  # 可以在这里设定特定标签对应的默认密码
  tags:
    - [name: "encryptAsSecret", password: "Hqc@1234"]
  # 错误消息设置
  wrong_pass_message: "密码错误,请重试。"
  wrong_hash_message: "内容认证失败,但仍可尝试查看。"
  # 是否禁用日志记录
  silent: false

对博文禁用 Tag 加密
只需要将博文头部的 password 设置为 “” 即可取消 Tag 加密.

Example:

---
title: Callback Test
date: 2019-12-21 11:54:07
tags:
    - A Tag should be encrypted
password: ""
---
Use a "" to diable tag encryption. 

配置优先级
文章信息头 > _config.yml (站点根目录下的) > 默认配置