hexo个人博客优化魔改必装插件推荐

🙂前言

廿壴博客的魔改优化已经完成的七七八八，小波总结下hexo+hexo-theme-fluid主题使用中必须装的hexo插件，不管你是独立开发hexo博客主题还是想把自己的hexo博客魔改优化，应该都能参考参考。

🙂版本环境

hexo版本："^6.3.0"

hexo-theme-fluid版本："1.9.0"

🤔一：hexo博客源码支持es6书写插件

vue3,es6,typescript已经是必须要熟练书写的代码，所以尽量多熟悉新的写法，不要再用jq那套思路

• 1.1 安装

1
2

npm i hexo-renderer-babelify --save
npm i @babel/preset-env --save

• 1.2 配置

安装好插件后博客文件夹的根目录_config.yml追加配置

1
2
3
4
5

# es6 支持
babelify:
  presets:
    - '@babel/preset-env'
  sourceMaps: true

🤔二：hexo博客文章链接生成永久固定链接插件

为什么要安装文章链接生成永久固定链接插件？

因为默认格式冗余，同时如果改动markdown文章的title会一并影响文章链接，会导致站长爬虫抓取报404会被站长平台关小黑屋，所以必须用此插件转换成数字格式的永久固定链接，这样做seo优化的同时不受title修改影响。

• 2.1 安装

1

npm i hexo-abbrlink --save

• 2.2 配置

安装好插件后博客文件夹的根目录_config.yml修改配置，改成 数字.html

1
2
3
4
5

# 默认格式：permalink: :year/:month/:day/:title/
permalink: /:abbrlink.html  # 此处可以自己设置，也可以直接使用 /:abbrlink  posts也可改也可以去掉
abbrlink:
    alg: crc16   #算法： crc16(default) and crc32
    rep: dec     #进制： dec(default) and hex 十六进制格式(hex) 十进制格式(dec)

无论是执行命令hexo g还是hexo s热启动开发中，只要创建了新markdown文件放入\source\_posts中，则会自动在markdown文件头部的Front-matter^[2]增加类似这样的代码abbrlink: 50772

扩展阅读：

简单讲16进制是字母+数字组合，10进制则纯数字

1 2 3 4 5 6 7 8 9

crc16 & hex # https://blog.ganxb2.com/55c6.html crc16 & dec # https://blog.ganxb2.com/43212.html crc32 & hex # https://blog.ganxb2.com/6ec16a2c.html crc32 & dec # https://blog.ganxb2.com/1521457752.html

注意：
此插件一定要优先装，小波后期才装，导致百度和谷歌都文章收录一波后全部404又重新抓爬，被关了好长一段时间小黑屋。

🤔三：hexo博客打包压缩插件

• 3.1 安装

1

npm i hexo-all-minifier --save

• 3.2 配置

安装好插件后博客文件夹的根目录_config.yml追加配置

1
2

# 打包压缩
all_minifier: true

执行命令hexo g则会自动压缩分包文件

如果需要扩展阅读或自定义配置请访问hexo-all-minifier的github官方地址^[1]

注意：

安装hexo-all-minifier小波一开始是直接采用给npm配镜像，未装cnpm…

1	npm config set registry https://registry.npm.taobao.org

报错：

然后就出现了以下报错

1 2 3 4 5 6 7 8 9

C:\myweb\nianzhu2\node_modules\gifsicle npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node lib/install.js npm ERR! compiling from source npm ERR! getaddrinfo ENOENT raw.githubusercontent.com npm ERR! gifsicle pre-build test failed npm ERR! Error: Command failed: C:\WINDOWS\system32\cmd.exe /s /c "autoreconf -ivf" npm ERR! 'autoreconf' ڲ ⲿ Ҳ ǿ еij npm ERR! ļ

只需要抓住报错关键点raw.githubusercontent.com，其实就是连接不上下载地址无法下载安装，所以…

• 方法1：想办法找到能加速的ip，然后修改C:\Windows\System32\drivers\etc\hosts

• 方法2：科学上网，你懂的，那就没有连接不上下载地址的说法

• 方法3：使用cnpm进行替代npm镜像下载安装 推荐

  1 2 3 4

  # 安装CNPM npm install -g cnpm --registry=https://registry.npmmirror.com # 然后下载打包压缩插件 cnpm i hexo-all-minifier --save

🤔四：hexo博客发布git插件

• 4.1 安装

1

npm i hexo-deployer-git  --save

• 4.2 配置

安装好插件后博客文件夹的根目录_config.yml修改配置

1
2
3
4
5
6

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://token@github.com/your_github_name/your_repositories_name
  branch: master

执行命令hexo d则会自动把public文件夹的内容上传到git仓库中

🤔五：hexo博客生成网站地图、百度地图插件

为什么要安装网站地图插件？

如果博客要做seo优化，就必须装上这两个插件，百度地图当然是提交给百度站长，网站地图则用来提交给google,bing,360站长等

• 5.1 安装

1
2

npm i hexo-generator-baidu-sitemap  --save
npm i hexo-generator-sitemap  --save

• 5.2 配置

安装好插件后博客文件夹的根目录_config.yml追加配置

1
2
3
4
5

# 自动生成sitemap
sitemap:
  path: sitemap.xml
baidusitemap:
  path: baidusitemap.xml

执行命令hexo g则会在Public文件夹的根目录生成对应文件

🤔六：hexo博客RSS订阅feed插件

为什么要安装RSS订阅feed插件？

方便其他博主feed插件使用，也为自己博客能加入「十年之约」、「开往」、「blogfinder」,前提则是自己博客要提供rss源。

安装步骤：

请参考小波前面单独写的文章hexo个人博客优化魔改增加RSS订阅功能

🙂hexo博客插件相关链接

『旅行者』，帮小波关注一波公众号吧。

小波需要100位关注者才能申请红包封面设计资格，万分感谢！

关注后可微信小波，前66的童鞋可以申请专属红包封面设计。