agon-网站相关

Archive for the ‘网站相关’ Category

告别免费空间和域名

December 28th, 2010, Posted by: agon   

年末了,诸事皆不甚如意,免费的空间,由于被攻击,调高了安全级别,没法gzip传输了,于是告别了用了好长时间的那个免费空间,花时间再找再折腾,时间成本也不小,就买了homezz.com的100元练手B餐,想改免费ru域名的dns又发现无法登陆ripn,说是转移到nic.ru了,于是等不到自己想要的域名到期,没有美元,在godaddy买也得折腾好一会儿,就在homezz.com注册了一个域名,方便,今天收到了一封邮件说是ru域名明年就要收费了,没有永久的或省事的免费。

把主题和js优化一下,gzip后台一键解决,终于能用Cronjob了,yslow又90多分了,打开也很快。

往后,继续长草……

又换主题了

December 29th, 2009, Posted by: agon   

一直想有一个看起来很简单的主题,原来的主题需要的图片太多,div嵌套的过多,参照WordPress 2.8 Theme Design这本书,从头开始,自己写一个主题。

黑色背景,省电,背景图片变成一张,post栏宽度随分辨率变化,侧边栏固定宽度,访问速度也比原来提高了1秒多,大概3秒左右就可以看到post了,大体结构弄完了,不会用photoshop,没有美术细胞,美化以后慢慢弄吧。

基本上写完一个主题,css也差不多入门了。

现在YSlow得分为A了。

word-wrap可在firefox自动换行

December 13th, 2009, Posted by: agon   

word-wrap可以自动中断连续的长引文字母,以防止撑破布局,只是这个属性是微软自己发明的,不被css2支持,所以firefox下处理这种问题一直比较烦人,要么是用css

overflow:auto;  /*for firefox*/
word-wrap:break-word;/*for ie*/

通过overflow设置过长字母为滚动或者hidden,要么是用js控制,非常不方便。

因为准备为自己写一个简单一点的主题,发现word-wrap在firefox下面起作用了。一查原来微软也是css的成员,这个属性被添加到了css中,所以IE, Safari, and Firefox(高于 3.1 (Alpha))都支持这个属性了,看示例(来源):

This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit

This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit

注意:避免在<pre>内使用,如果你是在
<pre>标签内使用word-wrap属性的,firefox下会不起自动换行作用,用white-space: pre-wrap;

所以,虽然ie同学很恼人,但也是有贡献地。

我的YSlow得分

December 10th, 2009, Posted by: agon   

YSlow是firefox上的firebug的一个配件,可以根据网站的前端优化情况,以22条目为基础,每个条目分(A-F)5级,根据优化的不同程度来打分。

刚在阅微堂看到zhiqiang可以到90几分。由于自己用的是国外免费空间,性能一般,所以当初就是受他的启发,对自己的博客进行前台优化。后来又在askapache上看到很多关于.htaccess使用设置方法。我自己最后也弄出一个各种情况下的完美gzip压缩解决办法,总结了一些cache优化设置

在一个包含文字和图片的post上测试了一下,除了请求数太多,和没办法的CDN,其他都是A。请求数太多是因为这个主题的图片有几十张,也很难用css显示整合的图片,由于重写了这个主题css结构,花了很长时间,一直不舍得换。google的速度快,这个站流量又非常小,所以我就把所有的图片和播放器文件都放到了gae,这样一般情况下,这个空间就只返回一个静态页面和css,其他的静态文件都从gae下,速度好了很多,唯一担心的是gae可能要被风。正准备以首页的风格,自己写一个主题,倒时候俺也能跑到90多分了。

当然分值只能说明一部分,还是以用户第一时间能够看到想要看的内容为标准。

Google app engine图片上传管理程序

October 16th, 2009, Posted by: agon   

google app engine每天1G流量,能绑定域名,速度也非常理想,用它给自己的个人博客作图床实在是很好。找到两款GAE图片管理程序,gaestoragediabloimage。发现它们的图片地址都是基于id做路径的,一个以id+文件名结尾,一个以id结尾,很不方便管理,于是就结合两者,由于大菠萝功能更丰富一些,所以改编了大菠萝(diabloimage)相册。

由于本人没学过python,所以改起来很费劲。废话不多说,下面是一些说明: Read more »

Page 2 of 712345...Last »