博客又回来啦~(WP迁移Jekyll+CDN加速)

两个月打不开的博客终于又回来啦~焕然一新有木有~

由于众所周知的原因,从某一天开始所有Google服务都不能访问了,导致引用了Google CDN资源的Wordpress经常出现打不开的情况。虽然有很多的解决办法(如将Google CDN网址改为国内CDN网址),但毕业季的忙(shang)碌(gan)让我无暇顾及BLOG,于是它就一直处于打不开的状态。

从上周末开始,在我和老婆的努力下,终于把提了两个多月的博客模板做出来了,很漂亮的说~

既然模板做好了,是时候该把Wordpress上的文章迁移到Jekyll上。Jekyll支持的是Markdown语法,所以无法将文章直接导出。

Jekyll官方很贴心的提供了迁移插件jekyll-import,但对中文的支持不是很好,所以还是要找别的插件。

在试了好几个插件之后,总算找到一个比较满意的。exitwp能够将Wordpress的文章转换成支持Markdown语法的单个文件,不好的地方是文件名是urlencode过后的格式,需要一个一个改回来。

文章导出后将他们放入_posts文件夹就大功告成了。

关于Jekyll的搭建之前的博客已经说过了,详见《centos下配置jekyll


之前博客打开速度慢,一部分原因是wp比较臃肿,另外是因为用的美帝的vps,速度自然比不上国内的服务器。

Jekyll的好处是网页文件全是html静态文件,现在访问速度已经比以前提升好多。想要进一步提升网站加载速度,还可以采用的办法就是CDN加速。

现在国内也有好多网站提供CDN加速,但对于没有备案的域名只能选用海外节点,有时候访问速度比不挂CDN还要慢。既然现在博客已经实现全静态,网页文件体积已经非常小,那需要CDN加速的其实只有文章中的图片。在一番比较之后我决定使用七牛云存储实现图片CDN加速。

七牛镜像存储介绍

首先注册七牛账号,在完成各类验证之后会有10G的免费镜像空间,足够我使用了。

然后新建一个空间,设置镜像源

镜像源的意思,是指你存放需要加速内容的文件夹,打个比方,我需要加速的文件放在./assets/img下,那镜像源需要填写的就是http://hack0nair.me/assets/img/

修改Jekyll的_config.yml文件,添加新行:

IMG_PATH: http://ghy459.qiniucdn.com

上面域名指的是你在七牛空间申请的二级域名。

完成上面的配置后,在写blog的时候,需要引用图片时,先将图片放入assets/img/的响应目录中,相应文章中的链接为

![Alt]({{site.IMG_PATH}}/pic.png)

文章生成后,第一次访问时,由于图片还没缓存在七牛的空间,所以实际访问的是你博客中的图片。等到第二次访问时,访问的就是七牛空间中的缓存了,速度会明显加快。

当然除了加速图片以外,你还可以将其它静态文件如cssjs等文件都放入加速文件中,但这样的坏处是镜像空间缓存需要好一段时间才会刷新。

此外,七牛还提供防盗链、原图保护等功能,以后慢慢研究好了~

« 返回