如何对Hexo博客进行优化

2020-08-28

字数统计: 1.4k | 阅读时长≈ 5 分钟

本文主要讲解如何对Hexo驱动下的博客网站进行优化，主要从网站加载速度、网站稳定性、网站扩散方法进行探讨。

提升网站加载速度

由于大部分人基于GitHub进行建立博客，而GitHub的服务器不在国内，别墙的厉害，所以博客的加载速度会显得异常缓慢，如果你的Blog主页内有大量高清图片时，那速度…，等它加载完，我们火锅都吃完了。这里提供两种方案，仅供参考。

转移博客至Gitee

Gitee服务器在国内，加载速度较GitHub快的不是一点半点，建议进行博客的转移，一劳永逸，Gitee搭建的博客较GitHub搭建的，当然也有不足之处，Gitee所提供的Gitee Pages服务不支持自动部署。这是什么概念呢？就是说之前用GitHub搭建博客，我们对博客进行修改后 hexo d 就完事了，Github会帮我们自动更新，但Gitee的免费用户不支持此项功能，需我们对其修改后进行手动更新。具体要不要进行转移看个人取舍了

优化博客

对于不想进行转移的，剩下的方法我们只有对博客进行优化了，我采取了对代码进行压缩的方式进行

代码压缩策略

可以使用gulp进行，本文以 hexo-all-minifier进行讲解，这个插件集成了对html，css，js，image的优化，合并重复代码，去除多余空格，用算法压缩图片。压缩后的博客，在加载速度上会有较大的提升。

插件安装

1	npm install hexo-all-minifier --save

在站点的配置文件_config.yml将下面代码加入

#文件压缩
html_minifier:
  enable: true
  ignore_error: false
  exclude:

css_minifier:
  enable: true
  exclude:
    - '*.min.css'

js_minifier:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '*.min.js'

image_minifier:
  enable: true
  interlaced: false
  multipass: false
  optimizationLevel: 2
  pngquant: false
  progressive: false

扩展性优化

文章链接唯一化

什么是文章链接唯一化呢？默认情况下，Hexo生成的超链接都是绝对链接。更改文章标题，变更文章所属分类，发布时间等都可能导致文章链接改变，不利于搜索引擎收录，也不利于分享。唯一的永久链接显然是更好的选择。

安装

1	npm install hexo-abbrlink --save

在站点配置文件中，找到permalink进行修改

permalink: articles/:abbrlink/ # 此处可以自己设置，也可以直接使用 :/abbrlink
abbrlink:
    alg: crc32   #算法： crc16(default) and crc32
    rep: hex     #进制： dec(default) and hex

Hexo博客提交到百度

生成站点地图

站点地图即sitemap，是一个页面，上面放置了网站上需要搜索引擎抓取的所有页面的链接。站点地图可以告诉搜索引擎网站上有哪些可供抓取的网页，以便搜索引擎可以更加智能地抓取网站。

安装插件

1 2	npm install hexo-generator-baidu-sitemap --save npm install hexo-generator-sitemap --save

修改配置文件_config.yml,追加以下代码

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

生产与部署

1 2	hexo g hexo d

此时，进入public目录，你会发现里面有sitemap.xml和baidusitemap.xml两个文件，这就是生成的站点地图。里面包含了网站上所有页面的链接，搜索引擎通过这两个文件来抓取网站页面。

百度站长平台提交

注册并并登录百度站长平台添加站点站点验证

我们选择文件验证，下载验证文件到本地，放置在themes/next/source目录下。执行生成和部署命令

1 2	hexo g hexo d

提交即可

链接提交

为了使网站更容易被搜索引擎收录，获得更高SEO，需要提供百度搜索引擎的自动推送服务。

插件安装

1	npm install hexo-baidu-url-submit --save

修改站点配置文件config.yml，添加以下内容

baidu_url_submit:
  count: 5 ## 提交最新的五个链接
  host: www.hui-wang.info ## 百度站长平台中注册的域名
  token: your_token ## 准入秘钥
  path: baidu_urls.txt ## 文本文档的地址， 新链接会保存在此文本文档里

修改配置文件的url值

# URL
url: #填写你的网站url
root: /
permalink: :year/:month/:day/:title.xml

加入新的deploy

deploy:
- type: git ## 这是我原来的deployer
  repo:
  branch:
- type: baidu_url_submitter ## 添加这里内容即可

自动推送

安装自动推送JS代码的网页，在页面被访问时，页面URL将立即被推送给百度。修改主题目录下的layout/post.swig文件，末尾添加自动推送代码，代码如下

<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>