迁移了博客,新的开始

特别感谢 AkibaRika 提供日本 AWS 云主机及技术支持。

Hello WordPress

新站其实已经上线一周了,到现在才发这篇文章,我本来就不是一个勤快的人,过去在点点网三年,连平均一个月一篇文章也达不到,期望在新站能有所改善吧。

新站基于 WordPress,导入了我以前 Bo-Blog 的数据,除了删除了部分转载的文章和黑历史,其余文章和评论都保留下来了。点点这几年文章也手动复制过来了,只是没办法迁移点点上的评论和私信。

选择博客程序的过程有些曲折,一开始我想用 Typecho 的,但要把 BO-Blog 的数据转到 Typecho,需要用 WordPress 中转。所以在本地把这三个博客都安装了。

  • BO-Blog 这是我最早接触的建站程序,还是挺有好感的,但因为长期没更新,已经落后于时代,如果不稍作修改,甚至无法在新版的 PHP 中安装。

  • WordPress 和我想象中一样有点笨重,但插件和主题真的很丰富,程序更新周期短,网络上有大量教程,好像什么功能都可以实现,这就是 WordPress。

  • Typecho 很轻量的博客,但地址重写功能有点不好用,因为我在汉化的软件中写了固定的地址,而 Typecho 不能实现同样的文章地址,我就以这点把它否决了。

Goodbye diandian

在继续之前先给点点说声再见吧。

从2012年6月22日开始,不知不觉,已经用了点点网的轻博客服务三年了。

最早使用点点网,是因为用了 7 年的盘古网络虚拟主机挂掉,连数据都找不回,虽然本地有几个月前的备份,但也因此对虚拟主机心灰意冷。

这时有人提起点点网和 lofte 这两个轻博客服务,比较了一下,最终选择了点点,无他,就是可以绑定自己的独立域名这点吸引了我。只是我的域名没有备案,所以点点把我的博客放在日本那边的服务器上,在国内偶然会访问不了。

相信一直有关注的朋友应该清楚,点点最近经常挂掉,最长曾整站停摆好几天。关键时刻,官方居然一点消息也没有,或者说,点点的各种官方已经没有更新好几年了,可能许朝军已经把这个不盈利的轻博客放弃掉了吧。

所以点点什么时候彻底关闭也不奇怪。就在当下,点点就持续无法访问好几天了。


## Theme Design

上面说了,WordPress 的优势是插件和主题,正因为量大,要寻找一款我想要的主题也不是件易事。所以最后决定自己动手,重拾不玩了好几年的网页前端设计。

尽管是重写,但也没蛋痛到要从零开始,我选择了[有野出没](http://www.yelook.com)分享的主题 Ariz 作为基础,因为这款主题的布局有点接近我的需求,代码也比较简单,正好合适。

用 WordPress 一定要懂得看代码,因为主题的权限太大了,胡乱下的主题,可能就有别人塞进去的后门。

很多人提醒用太多插件会拖慢网站,所以简单的功能就尽量在主题里实现。我下载过好几个主题,里面都做了一大堆选项,选项的好处是方便进行定制,坏处是增加了代码量,还额外增加了数据库的读写,对速度会有一点影响。因为我没打算发布主题,就直接把选项都删掉,能不用动态语言的,尽量不用。

之前一直没关注网站这方面,所以用到 HTML5、CSS3、jquery 和图标字体,才惊觉已经有了这么大的变化了。既然时代在变,也就无需再考虑去兼容 IE6/7/8。

先说一下我用到的库:

* [`jQuery`](http://jquery.com/),这个不必多说了,基本都在用,因为不打算兼容 IE6/7/8,就直接用了 2.0 之后的最新版,因为体积比 1.9 小了很多。

* [`lazyload`](http://www.appelsiini.net/projects/lazyload),轻量的图片懒加载库,只有 3.3k,功能是当浏览器滚动到图片处才会读取图片,优化打开网页的速度。有些游客不阅读完文章就会跳出,用了这个库就不必加载所有的图片,因此也可以节约流量。

* `slimbox2`,图片灯箱效果,是我能找到图片灯箱中最轻量的了,功能也完整。

* [`layer`](http://layer.layui.com/),弹出层组件,也可以做悬浮提示。

* [`阿里巴巴矢量图标库`](http://www.iconfont.cn/) 说到图标字体,似乎 Font Awesome 最有名气,但它有近五百个图标,很多都用不上,就是徒占容量。所以要用一些工具来定制图标字体,常用的工具有阿里的 IconFont 和国外的 IcoMoon 之类,功能都差不多,可以导入、导入矢量图标和简单的编辑功能等等。我选择阿里的 IconFont,是因为它免费提供图标字体的托管服务,使用时只要引用它给的 CSS 地址就可以了,而且服务器在国内,又有阿里云打底,速度自然是有保证的;而 IcoMoon 的长期托管是收费的,且服务器在国外。

在把我想用的一些功能集成在主题之后,我还用了这几个插件:

* [`多说`](http://duoshuo.com/) 社会化评论框,可以取代 WordPress 的评论功能,主要是用来跟社交账号绑定。

* `youpzt-optimizer` 集成了一些网站和数据库优化功能,网站优化方面的功能都可以集成到主题里的,但这个既然比较全面了,就直接用了插件。

* `Ludou Custom User Register` 优化注册页面,用户可以直接填写密码,而不是原来那样通过邮箱获取密码

* `WP-DBManager` 一款在 WordPress 中比较强大的数据库插件,不必要常启用,随用随开。除了备份、还原、优化和修复数据库之外。还可以清空和删除数据库,以及执行 SQL 命令。对于不方便用 phpMyadmin 的我来说,是个不错的替代品。

主题的 CSS 做了响应式设计,适配不同分辨率下的浏览效果。去掉了所有非必要的鼠标悬停提示,剩余的则用 Layer 来实现,只是多说评论框无法用 JS 控制,有点不够协调。

## Website Optimization

虽然点点网的挂掉是我回归到独立建站的主因,但若没有服务器可蹭的话,大概我自己也不会买吧。

AkibaRika 提供的是 AWS 的云服务,云服务和 <abbr data-title="虚拟主机">VPS</abbr> 的不同在于,VPS 是建立在一个物理服务器上的虚拟机,而云主机是建立在集群网络上的。无论是稳定性和可靠性,云主机都比 VPS 要强。

还有就是 AWS 的云服务有云主机、存储空间和数据库分开为三个模块,可以分散处理,而 VPS 大都把这些都放在同一个站上(除非你买了多个 VPS)。

我的域名是在 GoDaddy 上买,`.me` 的续费都是坑。因为 GoDaddy 的 DNS 被墙了,所以用了国内的 DNSPod 来做解析。

服务器虽然是日本的 AWS,但在中国也是秒开的。为了避免在同一个服务器进行过多的请求,我把一些 CSS、JS 和图片等静态资源分散存储了。

其中 jQuery 和 lazyload 用了 [`百度静态资源公共库`](http://cdn.code.baidu.com/)。

我又注册了[`七牛云存储`](https://portal.qiniu.com/signup?code=3ln23sakgyv6a) 的标准账户,每个月有 10G 的下载流量,主要是存放了本地化的多说核心组件。虽然多说自身也有静态服务器,但同时有过多请求的话,可能会变慢或挂掉,所以存在七牛是不错的选择。

将多说本地化的另一个好处就是可以随意对多说进行深度更改,我就加了显示系统版本的功能。这功能是基于浏览器的 <abbr data-title="User Agent">UA</abbr>,因此也可以显示浏览器的版本,但这没有必要,我要系统版本也是为了便于针对性地回答软件问题。UA 的问题是不够准确,因为用户可以随意在浏览器里修改 UA 的信息,而且有些浏览器还不能正确识别出 Windows 10。

我还尝试过一些静态优化和缓存的 WordPress 插件,但基本上都有些问题,最终都弃用了,感觉流量小的网站没必要用这类插件。

## One more thing

这几天网站的平均访客也就 100 以上,好像比以前还差,希望过段时间能恢复到以往的平均水平。

最后,大家也看能到,我右边的友情链接一片空白,想和我做友链的朋友,请毫不客气地到[留言本](https://saier.me/guestbook/)里交换一下友链吧。
作者:Xelloss
本博客文章采用 知识共享(Creative Commons) 署名-非商业性使用-禁止演绎 4.0 进行许可。