iTimothy

Blog年底更新与优化

年底了,也抽空把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
2
3
search:
path: search.xml
field: post
  • path:指定搜索文件的路径,默认为站点根目录
  • field: 指定搜索的范围,默认为post,不过,还可以修修改为page,表示搜索页面。另外,还可以用all,表示全部。

这样,会在生成blog的时候,生成search.xml,发布的时候会自动同blog一起发布到服务器上。

增加文章版权声明

这个也比较简单,参考这位同学的blog就可以搞定。

优化效果

一波优化完毕,感觉还比较满意,blog访问速度比之前有一定提升,另外,本地搜索也是我比较喜欢的功能。

支持原创技术分享,据说打赏我的人,都找到了女朋友!