再发一个Typecho主题:IVAppleWeb

继续发一个Typecho主题,IVAppleWeb。素材来自templateworld

IVAppleWeb

下载地址:IVAppleWeb.7z 简单的配置在setup.php文件,相关配置说明请参阅这里

下次尽量添加后台插件来实现这些配置,大家稍等一段时间,这段时间要搞毕业设计,还有两门重修(-_-!汗,以前没过),我的php又很菜,等官方出插件开发文档。

演示得等70哥帮写个插件,有喜欢这个主题并使用的朋友可以帮忙给个演示地址,谢谢!

有问题的朋友留言或者Gtalk我吧。

发布一个Typecho主题:IVLineBox

这段时间有很多朋友将博客程序换到Typecho了,所以关注了下这个"年轻"的博客程序,觉得很不错,所以有将博客换到Typecho的打算,于是先将这个博客的主题转换过去。

暂时将这套主题命名为:IVLineBox(IV是阿肆的"肆"的意思,:))。有喜欢这种简单线盒模型的朋友可以下载,外观演示就是和阿肆的博客一样,演示地址:http://beta.ivershuo.com。下载地址:IVLineBox

下载完成之后修改一下setup.php文件中的某些变量就可以直接定制你博客的一些个性信息,具体修改帮助如下(建议:修改之前先备份):

$page_title_before = true;

如果你的博客title需要保留Typecho默认样子,修改这里为false;如果需要像阿肆的博客这样将文章/页面/分类标题放在博客名之前保留这里为"true",并且修改/var/Widget/Archive.php文件的852行如下:(Check到最新的SVN已不再需要修改Archive.php文件,没有使用SVN更新的朋友可以到主题下载帖子下载最新的Archive.php文件)
echo implode($split, $this->_archiveTitle) . $split;

$h1Plus = '阿肆的个人博客';

将这里的文字换成你的博客需要的副标题。

$sentence = 'Yield to Nothing!';

增加一句话博客描述,可以见阿肆的博客上的表现。

$rss = 'http://feed.ivershuo.com/shuo';

你的博客RSS地址,如使用系统默认地址,将这里替换成$this->options->feedUrl();

$gtalk = 'tk=z01q6amlqj6………';

如果你的博客也想放置一个像阿肆的博客右边这样一个gtalk聊天按钮,将这里的字符串换成你自己的gtalk在线聊天连接代码,获取得这段字符串方法:打开这个页面,在下面的代码框找到URL地址中的"/Show?"之后及第一个"&"符号之前的所有字符串复制粘贴即可。

$twitter = 'I’m ...|ivershuo|6';

如果你想将你的Twitter更新放置在博客上,竖线分隔开的三个参数分别是:显示标题、Twitter帐号名、显示最新更新数目,每项均不可以少。如不要显示清空或者注释这条。

$share = 'My Reader Share|00916762244891282327|5';

如果你要将你的Google reader分享项目显示在博客边栏,竖线分隔开的三个参数分别是:显示标题、google reader的分享id、显示分享的条目,每项均不可以少。如不要显示清空或者注释这条。google reader的分享id或者办法:打开"共享项目"页面,点击打开"向您的网站或博客添加剪辑"窗口,得到的HTML代码,第二段js的src地址中/user/和/state/之间的数字值就是这里需要的。

$links= 'links';

友情链接页面名,这里需要PageToLinks插件的支持,如没有装这个插件,请注释这条

$copyright_owner = 'ivershuo.com';

博客版权所有者。

$copyright_date = '2005-2009';

博客版权时间段

$copyright_cc =true;

是否CC版权,如cc版权显示版权信息参照阿肆的博客;如完全版权,修改为false,则显示"All Rights Reserved."

$miibeian = '湘ICP备07002569号';

备案许可证号

$gg_analytics= 'UA-258263-4';

Google统计站点id,可以在网站统计列表页面的网站名后面得到这串以"UA-"开头的字符串

$fuck_ie6= true;

将这里设置为True,如果访问者使用的是IE6及以下版本IE浏览器,则显示WebRebuild.org发起的友好升级IE提示。站在大多数网站开发者的立场,强烈建议您保留这里为true,这是您对互联网的贡献,谢谢!

以上变量均可以清空或者注释,单引号之内的值局可以清除,布尔值局均可以设置为true或者false。注意单引号之内的值不可以包含单引号,如需要使用,请用’代替。

并且我将顶部的导航加入了分类导航,如不需要可以对照注释删除header.php文件中相关代码。博客字号也较原主题增大了一号。修正了原结构诸多不合理的地方。欢迎大家提意见。

还没有很认真的研究Typecho这款优秀的博客程序,主题CSS文件还有待细化,并且正在研究将这些变量集成到后台,所以主题暂时发布版本号定为0.9.0。

主题的HTML代码是可以通用的,你可以直接修改CSS代码来创造自己另外一套主题,我也会在有时间的时候再多写几套主题。

浅谈URL使用在前端设计中的优化

很多朋友都认为关于URL优化方面的工作是后端工程师做的,前端方面注重结构方面的优化就可以了。其实不然,对于请求及DNS请求等等诸多方面,前端工程师也应该在自己能做到的方面给予优化。

下面我就说说我对于URL在前端优化方面的理解,希望大家指正。

首先,第一点,比较“吝啬”,就是使用“c”、“j”、“i”文件夹分别代替我们经常用的“css”、“javascript”、“images”文件夹。如果没有记错的话,这个方法是Zeldman在《网站重构》第一版的时候提出来的(如果记错了,欢迎大家指正),我是比较赞成这个的。当然很多人会说,有这个必要吗?我个人觉得有,虽然这样做或许不会对页面精简带来太大的效果,但是并不会带来任何坏处。

第二点,对于链接到像http://www.example.com/dir/这样的URL时候,记得在最后加上“/”,因为如果你的网站包含目录并使用了自动索引,不加结尾的斜线的话会页面会多一次重定向。(p.s:对于链接到主机名的链接可以不必加)

第三点,就是上面已经提到的重定向问题。这应该是前端最应该重视的基于URL的优化问题,大家应该都有亲身体验重定向时的等待的不愉悦,尤其是第一个请求就是重定向时,用户看到的是一个“漫长”的空白页面过程。所以应该避免滥用重定向,不过很多时候(主要用在跟踪)还是需要用到重定向,当然这也包括服务器的配置方面,不管怎么说,我们还是在我们能做的方面尽量做好吧。

第四点,减少DNS的查找。对与这点,可以主要从增大DNS缓存时间和减少网站内容主机请求数量两点来优化。对于第一点在网站端可以通过DNS的TTL及HTTP的Keep-Alive来设置(虽然这不是HTTP1.1中必需的,但是很多浏览器和服务器都包含它)。当然你在配置中得考虑自己网站的实际情况,确保你的内容和ip不会在你设置的时间内失效。在主机名数量上,减少唯一主机名的数量会减少页面并行下载的数量,基于下面要说的原因,Steve Souders建议网站数据内容分别放在2-3个主机名下是最优选择。

最后一点,将数据内容并行下载。在HTTP1.1规范下,建议浏览器从每个主机名并行的下载两个数据包内容,并且很多浏览器默认都是这样做的(可以打开YSlow对照页面在firefox下的结果),如果你的页面包含较多的图片等数据内容,将其分别放在两个主机名下,整体的下载时间将会有明显的缩短。但是基于上面一点的原因,不要将内容放在太多的主机下,至于实际几个,可以通过自己的页面情况考虑。

当然,基于URL的优化,在服务器方面的配置(包括CDN,路由等方面)效果明显,但是我们前端在做好其他如页面结构、页面压缩、HTTP请求数量等方面的优化下,进行上述的URL使用优化,肯定能使你的页面有更好的呈现。

本文很多观点来自Steve Souders《高性能网站建设指南》,本文内容比较偏,欢迎大家拍砖。现在像google的分布式还有热门的云计算方面也是URL优化方面极具讨论价值的话题,欢迎大家讨论指教。

再来个截图,Gmail添加新功能

今天打开Gmail就看到Gmail添加新功能了,说是新功能倒也没有很多邮箱技术上的更新,而是添加了更改页面主题的功能,以前对gmail单调的tab颜色颇有微词,呵呵.现在终于,gmail变漂亮了.

再来一个,呵呵,这个比较有趣,选择的时候需要添加城市,然后会根据天气来变换主题:

哈哈,曝光一下spam

OK,吃饭去了.

页码: