之前一直用 wordpress 写些博客,不知时啥时候,ruby china 的同学问我,博客是不是 rails 做的,恰好当时在迷茫,应该怎么写博客,感觉之前一直在搞排版,内容简直无法直视,于是有了用 rails 重写博客的打算,准备写一些注重内容的博客,想让页面简单,纯粹。
项目开源了代码,需要的同学可以看看,从 ruby china 代码入手,简直是自虐,有木有?希望可以帮到刚接触 ruby、rails 的同学。
另外,页面全过程都用 chrome,safiri 看的页面效果,ie 什么的都没考虑,大家发现问题告诉我一声。thx
26 号布到外网,主要功能开发完毕,现已基本稳定,内容还未填充,选了两篇还算有点价值的文章更新到了上面。
网站地址:纸房子 www.zhifangzi.com Github 地址:maison https://github.com/cod7ce/maison
版本信息:
Ruby: 2.0.0-p247 Rails: 4.0.2
服务器:
http: nginx + puma db: mongodb
#23 楼 @blackanger 恩恩,首页主要展示下之前写的东西,其它页面主要想写点有用的东西,突出内容,我也没有想到用什么方法,可以把两个结合起来,还需努力啊~~
#40 楼 @wildflame 确实有点卡,本来以为是首页的背景图片质量太高,nginx 有没对图片进行压缩造成,可今天降低了图片的质量,现在大小 187K,并且对图片进行了 gzip 压缩,貌似只是提高了图片的加载速度,页面还是会有卡顿,你有这方面的经验吗?
#36 楼 @small_fish__ 不是 css3 的特有写法,使用了:first-letter 伪元素,为该块的第一个字加样式。
纸房子是这样做的
p {
font-size: 14px;
line-height: 1.5em;
}
p:first-letter {
/*让首文字浮动,不去影响其它文字位置*/
float: left;
/* 主要是这里,首文字大小为 (当前所在行行高的2倍 - 第一行文字的上部分空白 - 第二行文字的下部分空白*/
font-size: 2.5em;
line-height: 1em;
/*后面再做些块内的微调*/
}
具体效果还与字体有关,希望对你有帮助。