年底了,也抽空把Blog持续优化了一波,最近主要优化了三个地方,在此记录一下,备忘:
静态资源优化
优化和压缩静态资源,主要用到了一个hexo的第三方插件: hexo-all-minifier, 一个整合的静态资源压缩工具,能帮你把站点的js,CSS和图片都优化体积,让blog整体加载时间更快。使用和配置也相当方便:
1 | npm install hexo-all-minifier --save |
然后,在每次blog生成的时候,这个工具就会自动为你压缩静态资源了,非常方便。
增加本地搜索
由于Blog文章较多,已经500篇以上了,搜索起来是个问题。虽然可以使用google来搜索,不过终归没有集成本地搜索来得方便。这里又用到了一个插件:hexo-generator-search,同样通过npm来安装:
1 | npm install hexo-generator-search --save |
然后,修改blog配置文件,进行简单的配置,启用本地搜索:
1 | search: |
- path:指定搜索文件的路径,默认为站点根目录
- field: 指定搜索的范围,默认为post,不过,还可以修修改为page,表示搜索页面。另外,还可以用all,表示全部。
这样,会在生成blog的时候,生成search.xml,发布的时候会自动同blog一起发布到服务器上。
增加文章版权声明
这个也比较简单,参考这位同学的blog就可以搞定。
优化效果
一波优化完毕,感觉还比较满意,blog访问速度比之前有一定提升,另外,本地搜索也是我比较喜欢的功能。