博客优化之路:从WordPress到Hexo
April 06, 2016
Tags:blog
经历了WordPress、jekyll、Hexo、WordPress,前几天我还是把博客迁回到Hexo,因为WordPress太庞大了,想修改主题优化下页面性能或者加些个性化的小组件吧,也没折腾出一个前端构建的流程,开发起来很麻烦,放弃治疗啦,于是又回归到静态博客的怀抱。
最近在公司做一些性能优化的工作,重构历史代码和优化打包策略啥的,每次看到优化效果都会觉得很爽,那些数字太漂亮,弄上瘾了,于是拿自己的博客接着改!
虽然从WordPress到Hexo,我啥也没做,只是做了个“系统选型”的抉择,从重量级到轻量级选手,但是从数据看来,我觉得改得还是非常对的,以后站点会有更多的可玩性 :)
改造后的性能优化:
- 请求数,22 -> 7,减少了68%
- 传输容量,1.3M -> 745K,减少了44%
- Load时间,2.64s -> 1.10s,减少了58%
Hexo(官方主题Landscape)
WordPress(2016年官方主题twenty-sixteen)
从WordPress迁到Hexo,其实很简单。
1. 导出WordPress数据
仪表盘(wp-admin) -> 工具 -> 导出
2. 搭建Hexo
i.安装Node.js、npm
ii.安装Hexo
npm install -g hexo-cli
iii. Hexo初始化
hexo init <folder> // 初始化某个目录cd <folder> // 进入该目录npm install // 安装所需npm依赖文件
3.WordPress到Hexo的迁移
i.安装迁移插件
npm install hexo-migrator-WordPress --save
ii.把WordPress数据导出文件放进Hexo的安装目录
iii.执行命令迁移文章:source是数据导出文件
hexo migrate wordpress <source>
4. 媒体文件存在哪?
虽然很方便的迁移了所有WP文章,但是我们可以发现,文章中有些格式可能会包括很多div等多余的html标签,需要人肉调整。
然后文中引用的媒体文件尤其是图片,还在使用WP数据库中的文件,假如我想彻底脱离WP,我需要把这些媒体资源整理出来,那么问题来了,存在哪?
目前我在用新浪云的云存储SCS服务,访问速度很快,按访问量计费,不过目前像我的博客访问量不大,基本免费。
新浪云存储SCS服务的价格详情传送门 >>
另外也可以考虑:
百度云BOS,度厂很多内部产品线都在使用,按需计费,不过我没使用过,不清楚具体收费情况怎样,感兴趣的朋友可以来价格表这儿看看。
评论区