分类目录归档：站务相关

阿黎私家主题正式发布

经过4天折腾，阿黎的个人博客终于换上新皮啦。这次的主题由阿黎自己亲手设计制作，风格大变身。

阿黎的博客是在7月20号正式开张的，开张的时候使用的主题是Asusena，这个主题是在Wordpress后台安装主题的地方搜索黑色找到的。当时觉得那个主题挺酷的，开张之后一直在按照自己的想法去不断的修改。期间我有看了很多套Wordpress主题教程，印象最深的是我爱水煮鱼博客的那一套教程，它很长，我看了很久。在8月10号左右，我在google reader上面看到一个关于jQuery的入门教程，感觉jQuery很有趣，可以做很多东西，我也开始去看一些jQuery的入门教程。然后后面大概在8月18号有看到一个叫做捣鼓笔记的博客，觉得用户体验很棒。现有主题的框架限制我不能做很多东西，在上面的基础知识积累之后，我开始萌生要自己制作主题的想法。

在8月18号的晚上，我画出了新博客主题的第一版设计图，如下

这个设计图很水啦，当时是把现有主题页面的样子截了一个图，然后换了一些文字的颜色，换了背景和logo，有点坑爹对不。

基本的思路是用的改用比较明亮的蓝色调，风格有点小清新哈，其实很多东西都是在制作的实际过程中不断的修改的。在设计图弄好的第二天，我开始动工，不算是从零开始啦，其实我是copy了一份原来的主题再做修改的。第一个修改的地方就是把样式表清空了，博客的页面顿时化为一堆文字，后面开始自己重新设计div框架，去掉原来一些hack用的内嵌样式，在一点一点把样式表写出来。

我大概用了两天的时间来做主体框架的模板index.php及其样式，然后用了一天的时间去做各种代码实现。现在本站的边栏没有采用WordPress本身的动态边栏，而是在sidebar.php边栏模板中纯代码实现。一开始看到很多博客大虾说着各种代码实现，自己感觉好厉害啊好高级啊，其实做起来难度不算太大，再说了很多大虾公布了很多代码，搜一下就能找到。我的新主题的制作当中找了很多的代码，自己也写了很多，在这里就不一一列出了。

当然了，直抱着接照搬的心态的话是不行的，很多代码需要根据你自己的情况再去修改或者优化。其实有时候代码实现也是不得已而为之，像边栏这个部分，调用WordPress自身动态边栏小工具就一个函数，顺序就是按照小工具里面排的顺序，你想在系统输出的动态边栏中间插入一个自己的代码实现的模块，就不行了（用各种特殊技巧“曲线救国”的话不算，例如拿jQuery移动dom节点）。这些小工具有很多局限，想要自制一个模块的话可以用文本小工具写一点html，但是又不能放php。

除了边栏之外，其实很多插件都是可以用少量代码直接实现的，有很多特殊的功能其实用不着。对比起旧主题，在插件方面，首先我删掉了很多已经不用的插件，听说不启用的插件放在那里也有一定的性能影响。另外我做了如下改动：

1.代码实现了相关文章，去掉efficient-related-posts插件
2.代码实现了给力语录，去掉了quotes-collection插件（回想自己真是傻叉，这么简单的一个东西，之前优化博客的时候只是想到把这些语录放在数据库，还是改存在文件比较快呢？现在的方案是直接写在php里面，一个数组）
3.用了WordPress原生的嵌套评论，去掉wordpress-thread-comment插件，同时代码实现了ajax评论提交和评论邮件回复。
4.代码实现了首页的分页，去掉了wp-pagenavi插件，这个插件很有名；评论的分页我没有做，因为这个博客还不是很热啦；正文的分页不是很好做，我文章很长，像上一篇文章在旧主题里面页面长度居然达到了7k+像素，我准备以后写文章尽量少废话，复杂内容分多篇文章写成专题这个方案来解决。
5.去掉了sns分享，去掉了wp-sns-share插件，貌似除了我自己打小广告会在sns发我的文章链接之外，还没有人把我的文章蛋疼的分享到sns吧，而且我自己还是直接在sns上面发的而不是用这一个插件。
6.代码高亮插件wp-syntax直接去掉了，发现我贴代码的情况还不算太多。
7.Db Cache Reloaded数据库缓存插件换成了WP Super Cache插件，~~同时利用我在国内的基本没什么用的双线主机给博客静态内容做了一下CDN加速。~~ ~~厄，开了cdn之后留言提交不到，在测试测试吧，暂时关闭（理论上对php的请求是不应该被cdn的）~~ 好吧，是comment-ajax.js的问题，里面在最开始获取script的路径然后计算出提交用comment-ajax.php的路径还有几个状态图片。因为js是会被cdn的，所以它就获得了cdn那边的路径，这样可不行，强制重新定义了路径，有兴趣可以具体看一下那个js，有注释，没压缩。

目前阿黎的个人博客启用的插件只有5个，分别是Akismet，Google XML Sitemaps，WP-Cumulus改造版本，WP-PostViews和WP Super Cache。第三个插件是3d标签云，很多博客大虾都不用的，我个人认为这个东西的体验不错，很多童鞋觉得这个东西好看又好玩，所以我把它留下了。这个插件为了给标签云的flash传参会在页面写出一大坨代码，这一点很不好。

后面阿黎还用了大半天的时间做了一下jQuery的效果，包括左侧的滑动导航，页面的淡入淡出效果（IE不显示），页面图片的延迟加载，右上角rss按钮的闪烁，长文章滚动到下面的时候的侧栏随动，文章标题链接点击效果。

这些效果大部分只会在非ie6的浏览器上面显示，ie6这个问题后面再写专题探讨。在ie6之下已知的问题有左侧导航栏无法点击的问题（经典的ie6 z-index bug!），劝还在使用ie6或者各种马甲ie6的童鞋赶紧换用现代的浏览器吧，ie6是十年前的产品。

关于新主题的发布，我要感谢很多大虾，他们提供了很多很好的代码，是他们让WordPress变得更美好。还要感谢主机格调群里面帮助过支持过我的博友们。还有就是在前期博客设计图出来的时候给过意见的威威和阳阳，还有彦宇哥哥，彦宇哥哥眼光很独特，能够发现很多细节的问题。

这篇就暂时说到这里，不知道文章会不会很长呢，下一篇我会讲一下在主题制作过程中学到的东西。

阿黎的轻博，阿黎虚拟主机上线了

10条回复

继这一个阿黎的个人博客之后啊，阿黎又试着用wordpress改造了一个轻博客，地址为http://xinjian.li.

这个轻博还是比起大博（现在这个，阿黎的个人博客，a-li.me）还是让我省心了好多的。

第一，轻博客，轻。改造这个轻博客的过程中我一直在做减法，一直在删代码，我主要对样式进行了调整，让其比较符合自己的心意（阿黎承认自己的美工水到不行，阿黎愿意接受大家的批评）。这个主题原本很炫，用了好几个网络字体，好大好大，而且这些字体明显是显示不了咱们中文的，去掉换成雅黑。原本主题有一个500多kb的背景图，现在被我换成了只有十来kb的黑猫。整个轻博就只有这一个图片，很轻吧。

文字表现形式上面，我参考了推他，文章默认不显示标题，直接显示正文，当然我也做了meta控制显示标题部分是否显示的代码（考虑到可能发大文章需要标题）。分类、标签这些功能都不用了。我还改造了评论，单行紧缩显示，改造了原本fixed的底栏，总之整个就是翻天覆地的修改啦。

第二，轻博客，随心。之前推他刚出轻博客的时候，我很早抢到了邀请码，算是很用心的玩了一会。有一段时间感觉真的很好，一个新的圈子，说的话不会被身边这个圈子的人看到，随心所欲。但是后来有其他人进来之后，又回到了你关注我，我关注你这个阶段，又到了不停去刷信息流的阶段。没错，可能我想要的，其实只是，一个我说话没人听到，也不需要别人听到的地方，我也不需要再拿一个平台关注其他人，我只需写自己的，读自己的，用处呢，可以算是一种存档吧。

第三，轻博，不简单。为什么是轻博客，不是微博？虽然说现在很多微博都可以发多媒体的东西像视频啊什么的。但总体还是限制多多，例如140字。轻博客的话，这样用wordpress改造的话，都是属于文章，我高兴我把它写成文章，图文并茂；我不高兴我只写一句话。另外，像主题啊什么的全部可以自己修改，全部可以自己定制，这种自由度就是我想要的，这就是我的需求，不是新浪轻博，不是推他，是阿黎的轻博，霸气。

关于发布，很简单啦，我都不用wordpress后台完整的tinymce编辑器，我直接在后台首页快速发布就可以写了。主题随便写几个字，反正我弄成默认不显示了，除非有显示的meta设定。内容写上，就这两项，就这样快速发布。另外有一点就是wordpress官方的手机客户端，很不错哦，可以看评论、审核评论、回复评论，发文章（发轻博）也很方便。人家在手机开微博客户端发微，我开了wordpress发轻博，是不是特霸气？

==============分割线，上面一时高兴说太多了===============

这几天还折腾了VPS，终于下了决心花了银子买了一年，并且开始为之折腾。

阿黎为什么要弄个VPS？请参看http://vps.a-li.me。除了那个页面写到的，这里再多说几句吧。阿黎真的不是想赚钱才弄得这个VPS的，我也不敢说把“为大家提供学习环境”这个原因放在第一点，我放在第一点的是这个VPS可以让阿黎有一个学习的环境。这么大一个VPS阿黎一个人玩就太浪费了，所以给它配置成服务器啊弄控制面板啊给童鞋提供虚拟主机等的服务。而且，这个VPS的费用老实说阿黎也需要人分担，阿黎现在一年续费三个域名jianhome.cn a-li.me xinjian.li就好几百呢，阿黎的个人博客所在的主机、阿黎还有一个国内主机、这个VPS，加起来又好几百呢。但是人多力量大，分摊下来，阿黎只是让使用阿黎虚拟主机服务的童鞋帮忙小小的分担VPS一年的费用中的三至四十，看看阿黎给的配额吧，真的是超值的。

阿黎的虚拟主机怎么用呢？做个网站吧，开个博客吧，一切随意，由你来定。那么你有没有担心一年之后的问题呢？放心吧，阿黎保证不会丢下大家不管的，只要还有一个童鞋坚持用，阿黎就会继续续费。在这里阿黎要提醒一下，最好去买个属于自己的域名吧，域名不便宜其实，比阿黎的虚拟主机要贵多了。但是如果你没有域名，又要开网站，阿黎只能说给你分配一个阿黎的二级域名，这样不好，等于免费给阿黎做广告。小小的提议可以考虑注册自己的名字，说不定你以后就是个大人物啊，参考http://xuyanyu.com许彦宇 http://luolei.org 罗磊，还有阿黎的http://xinjian.li https://a-li.me。

人家是这么给我说的，一个学计算机的，你怎么能没一个自己的网站或者个人主页什么的呢？没错，这一句留给我用来做宣传语吧，上面提到的许彦宇哥哥和罗磊哥哥其实都是我们暨南大学的哦，09的师兄呢，他们都不是学计算机类专业的。你看看你看看，他们都做wordpress网站了（彦宇哥哥的个人站可能还没建好，偷偷的说一下暨南人网的新闻网就是彦宇哥哥建立起来的呢，也是wordpress）,我们计算机类专业的童鞋一定要给力啊。

不过这里继续明确一点，这一切一切的优惠，都只是供应给阿黎的童鞋朋友们，不卖给外人啦，所以别的主机商也不用担心哦。一般来说，其他主机商，只要不是他主机的问题，别的东西是不提供技术支持的，而阿黎这里有哦，这也是因为人少所以才能这样提供服务。但是其实，谷歌是个好老师，有问题多搜索，实在弄不好再问阿黎吧，阿黎确实也很忙，身边的朋友也知道的。

好吧，被一个电话打断了，也好让我停止胡言乱语，就写到这。