迁移了博客,新的开始

特别感谢 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 这两个轻博客服务,比较了一下,最终选择了点点,无他,就是可以绑定自己的独立域名这点吸引了我。只是我的域名没有备案,所以点点把我的博客放在日本那边的服务器上,在国内偶然会访问不了。

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

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

目前我并没有彻底删除点点上的数据,只是关闭了评论和私信,如果点点的服务器还能恢复正常的话,可以通过二级域名 xelloss.diandian.com 访问。

Theme Design

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

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

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

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

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

先说一下我用到的库:

jQuery,这个不必多说了,基本都在用,因为不打算兼容 IE6/7/8,就直接用了 2.0 之后的最新版,因为体积比 1.9 小了很多。

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

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

layer,弹出层组件,也可以做悬浮提示。

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

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

多说 社会化评论框,可以取代 WordPress 的评论功能,主要是用来跟社交账号绑定。

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

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

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

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

Website Optimization

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

AkibaRika 提供的是 AWS 的云服务,云服务和 VPS 的不同在于,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 的下载流量,主要是存放了本地化的多说核心组件。虽然多说自身也有静态服务器,但同时有过多请求的话,可能会变慢或挂掉,所以存在七牛是不错的选择。

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

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

One more thing

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

最后,大家也看能到,我右边的友情链接一片空白,想和我做友链的朋友,请毫不客气地到留言本里交换一下友链吧。

本站的资源均无广告和垃圾捆绑,若你觉得我的文章对你有帮助,欢迎点击上方的按钮给我打赏。
本博客文章采用 知识共享(Creative Commons) 署名-非商业性使用-禁止演绎 3.0 进行许可。