经过近半年的停滞, 终于又找到了合适的VPS, 于是网站再次开张了~

题图来自 轻松百合 第一话

VPS篇

感谢 +足兆叉虫 的 介绍, 果断买下了 Ramhost 旗下 Tinyvz 的VPS

VPS配置

128 MB Dedicated RAM/256 MB Burstable RAM (实际上按照free命令来看内存一直是256M) (Ramhost神奇的技术使得全新系统只占用大概5M内存)

Native IPv6 support (/112 (65,536 IP’s) included)/Static IPv4 address included (附带ipv6, 这个对于我这样的教育网用户来说很有必要)

CentOS, Debian, Ubuntu, and many other OSes available (我选择了Ubuntu, 算是比较熟悉嘛←其实什么都不会)

10 GB Disk Space (系统自己会占用掉1G)

500 GB Transfer

Gigabit (1000mbps) Network Port

Fair Share CPU

$15一年

配置服务器

首先使用 Tunnelier 登陆VPS, 怎么都登陆不上去, 看官方帮助说要使用主机的ip登陆. 于是发现Ramhost的VPS是连SSH都不预装的, 控制VPS的方法是登录到主机网关再登录到VPS. 为了方便使用(当然一方面也增加了不安全性), 首先安装SSH并设置root密码:

apt-get install openssh
passwd

然后就可以用root及刚才设置的通过VPS登录.

服务器结构首先选择LAMP, 即 Linux+Apache+MySQL+PHP, ubuntu里的偷懒安装法:

apt-get install tasksel
tasksel

然后移动光标至”LAMP”并按空格键选中, 然后回车即可.

安装过程基本参考 Ubuntu中文wiki上的Apache页面 .

安装完以后服务器处在接近宕机状态, 内存使用了250M OTL…

于是开始想办法减少内存占用, 首先用 这篇文章 里提供的方法减少Apache内存使用量.

然后使用MySQL自带的最小配置文件减少MySQL内存使用量

然后内存使用量没有任何下降 OTL…

 

于是开始考虑 Nginx, 因为据说Nginx是轻量级服务器占用资源少

像我这种的懒人…还是用 LNMP一键安装包 好了

顺利安装没发生什么错误, 安装完以后只占用了80M内存

网站正常运行时占用内存140M, 空闲内存120M, 嘛~还不错

WordPress篇

搭好服务器以后开始安装WordPress,因为之前安装过很多次WordPress了, 轻车熟路.

看到WordPress的卖萌界面还是觉得很有意思 =w=

外观

主题继续使用 Mystique. 因为非常强大.

主题配置

分辨率

依旧是动态大小, 最大限制在1200像素, 现在来说的话1366*768的笔记本屏幕和1920*1080的全高清屏幕显示效果都还不错, 对于1024*768及以下分辨率..忍忍吧

布局

顶部使用一个导航菜单同时包括分类目录和固定页面转向

左右分开, 左边是正文/主要内容. 右边是动态跟随的侧边栏, 提供字体缩放/搜索/即时评论/最近更新(不是最近发布)等功能

底部并排显示最近更新文章/球形标签云/友情链接/Credit信息等

内容

因为几乎没有分享到SNS的需求所以分享什么的统统不要, 作者只有我一个于是作者信息也不要…

CSS

#site-title .headline{
  font-size: 150%;
  font-style: normal;
}
a.more-link{
text-align: center;
width: 98%;
}

(还有更多CSS修改参见下文)

简单的调大了一点副标题, 去掉了斜体效果(因为要显示颜文字XD).

把显示更多按钮调整到98%宽度更容易看到/点击.

社会媒体图标

只保留”订阅到Google阅读器”和”我的Google+”页面的链接.

模块

曾尝试开启了使用AJAX及HTML History API加载的模块, 体验是不错, 但仍有若干bug, 最后选择关闭之, 仍然使用传统加载方式.

主题修改

修改了若干主题核心文件, 参见下文

注意修改核心文件可能引起问题, 更新主题时会导致修改失效

侧边栏/小工具

Font Resizer(插件)

经过试验WordPress官网上的各种字体缩放插件发现的比较好用的一款, 可以自由选择缩放步进, 缩放内容范围, 使用cookie来存储用户设置.

基本设置如缩放步进/缩放内容范围等在选项里很容易调节不再赘述

为了使放大缩小按钮更为直观显示, 修改了插件代码为”放大” “缩小”文字, 并添加了图像. 图像使用CSS Image Sprites以减少请求数blahblah, 合并到了Mystique主题的icon图像文件中.

添加CSS如下

a.fontResizer{
  display:block;
  width:30%;
  height:36px;
  float:left;
  line-height: 36px;
  text-decoration: none;
}
a.fontResizer_minus{
  background:transparent url("http://blog.exz.me/wp-content/themes/mystique/images/icons.png") -100px -0px;
}
a.fontResizer_reset{
  background:transparent url("http://blog.exz.me/wp-content/themes/mystique/images/icons.png") -100px -36px;
}
a.fontResizer_add{
  background:transparent url("http://blog.exz.me/wp-content/themes/mystique/images/icons.png") -100px -72px;
}

Google自定义搜索(插件)

基本步骤是申请Google自定义搜索, 安装插件, 填入自定义搜索ID, 调整CSS

随时吐槽

对于有的比较长的文章, 读者可能对文章各段都有想法, 然而读者可能无法一口气看完所有内容然后写出所有评论(至少我是), 这样评论的时候可能需要反复参照文章各段然后写出针对的评论, 这样就需要在要评论段落和页面下方的评论框之间滚动, 不是很方便. 所以我插入了一个小工具来书写评论并且使侧边栏浮动显示在页面上.实现方法如下.

小工具代码

<?php atom()--->template('commentform');>

(由于使用的Mystique主题的调用添加评论的函数如上, 和WordPress的添加评论函数有所不同)

代码直接输入到”任意文本/HTML”小工具里并勾选”执行其中的php语句选项

修改CSS

#sidebar #user-avatar{
  display:none;
}
#sidebar .comment-body{
  margin-left:0px;
}
#sidebar .ext{
  padding-left:7px;
}
#sidebar .comment-content clear-block{
  padding-left:7px;
}
#sidebar label[for=comment]{
  display:none;
}
#sidebar .help-block{
  display:none;
}

隐藏头像显示等不重要部分以节省侧边栏空间.

修改主题文件

修改atom-core.php文件中的getCommentForm函数以便使输入框合适侧边栏尺寸

实现侧边栏浮动的插件

Strx Magic Floating Sidebar Maker

安装并启用插件之后, 简单地进行设置就可以了

最近更新

博客首页显示的是最新发布的列表,而我觉得很多文章是要反复修改的, 所以专门放了显示最近更新文章的小工具在侧边栏和页脚处. 都是采用的AJAX加载方式效果不错.

标签云(插件: WP-Cirrus)

使用了Javascript方式来显示3D标签云, 而不是Flash版的WP-Cumulus. (因为Flash纵使是我的Chrome/Chromium崩溃!)

友情链接

主题自带的链接小工具样式不是很好看, 所以我不得不用自定义的HTML代码来实现友情链接列表, 缺点是只能手动更新orz…

Credit信息

依旧是自定义HTML代码

插件

插件列表

Akismet
Broken Link Checker(未启用)
Cimy Swift SMTP
Font Resizer
Google Analytics for WordPress
Google Custom Search
Google XML Sitemaps
Lightbox Plus(未启用)
NextGEN Gallery
Strx Magic Floating Sidebar Maker
WP-Cirrus
WP-Syntax
WP Esprit Picasa(未启用)
WP Super Cache
WP Table of Contents

Akismet

反垃圾评论必备插件了

Broken Link Checker

自动检测死链, 我并没有开启这个插件

Cimy Swift SMTP

使用自定义SMTP邮件服务器替换WordPress的相关功能, 因为我将这个域名绑到了Google Apps上, 使用了GMail作为邮件服务器, 所以需要这个插件来实现邮件提醒等功能

而且在VPS上架邮件服务器又会消耗流量/内存/硬盘, 更何况我还懒得/不会架设

Font Resizer

介绍参见前文

Google Analytics for WordPress

直接输入Analytics ID就可以了, 比较方便. (因为我懒嘛…

Google Custom Search

介绍参见前文

Google XML Sitemaps

直接&方便. (因为我懒嘛…

Lightbox Plus

由于Mystique自带简易Lightbox效果, 这个插件现在没有启用.

NextGEN Gallery

方便管理图片, 一般文章利用的图片还是直接放到VPS上了, 反正网站流量和硬盘足够.

Strx Magic Floating Sidebar Maker

介绍参见前文

WP-Cirrus

介绍参见前文

WP-Syntax

代码高亮插件

WP Esprit Picasa

方便使用Picasa Web Album里的图片, 但是由于我文章里的图片是直接存储在VPS上的, 而需要展示相册的话可以直接使用Picasa提供的嵌入代码, 所以插件没有启用

WP Super Cache

必备缓存插件. 因为这个插件需要Apache的mod_rewrite模块, 在Nginx上一直提示缺少模块, 但是应该是起到了作用的, 因为查看网页代码是可以看到WP-Super-Cache字样的.

WP Table of Contents

可以自动向文章中添加导航目录, 效果参见本文顶端.

使用的时候需要手动添加如下代码到希望显示目录的位置(single.php和page.php)

<!--?php if (function_exists('wp_table_of_contents')) wp_table_of_contents(); ?-->